add auth service

luckydiamond/src/assets/js/authentication/AuthService.js

@@ -0,0 +1,12 @@
+import { Post } from '../rest/RestMethods.js';
+import { BackendApiUrl } from '@/properties/Сonfig.js';
+
+export function
+    LogIn(authCode) {
+    return Post(BackendApiUrl + "/LogIn", { code: authCode }).then((data) => {
+        console.log(data);
+        return data;
+    }).catch(error => {
+        console.log(error)
+    });
+}

luckydiamond/src/assets/js/authentication/LoggingMiddleware.js

@@ -0,0 +1,10 @@
+export function
+    GetAuthCodeFromCurrentPath() {
+    const currentPath = window.location.pathname;
+
+    const parts = currentPath.split('/');
+
+    const code = parts[parts.length - 1];
+
+    return code;
+}

luckydiamond/src/assets/js/rest/RestMethods.js

@@ -0,0 +1,21 @@
+export async function Post(url = "", data = {}) {
+    // Default options are marked with *
+    try {
+        const response = await fetch(url, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          redirect: "follow",
+          referrerPolicy: "no-referrer",
+          body: JSON.stringify(data),
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        return await response.json();
+      } catch (error) {
+        console.log("Fetch error:", error);
+        throw error; // Re-throw the error so it can be caught by the calling function
+      }
+}

luckydiamond/src/components/HeaderComponent.vue

@@ -1,6 +1,7 @@
 <script>
 import '@/assets/css/ComponentsStyles/header.css'
-// import { myFunction } from '@/assets/js/AuthService.js';
+// import { GetAuthCodeFromCurrentPath } from '@/assets/js/authentication/LoggingMiddleware.js';
+import { LogIn } from '@/assets/js/authentication/AuthService.js';
 
 export default {
   name: 'Header-Element-page',
@@ -9,6 +10,17 @@ export default {
       balance: 25000,
       auth: false
     }
+  }, created() {
+    let authCode = this.$route.query.code;
+
+    LogIn(authCode).then(data => {
+    console.log(data);
+    // Обработка данных, возвращённых LogIn
+    this.auth = true; // Обновляем состояние, основываясь на данных
+  }).catch(error => {
+    console.log(error)
+})
+    console.log(authCode)
   }
 }
 </script>

luckydiamond/src/properties/Сonfig.js

@@ -0,0 +1,2 @@
+// export const BackendApiUrl  = 'https://spsystemcore20231122004605.azurewebsites.net';
+export const BackendApiUrl = 'https://localhost:7062';

luckydiamond/vue.config.js

@@ -6,6 +6,22 @@
 //     : '/'
 // }
 
+// module.exports = {
+//   publicPath: '/'
+// }
+
+const path = require('path');
+
 module.exports = {
-  publicPath: '/'
+  // Установка базового URL-адреса для проекта
+  publicPath: '/',
+
+  // Настройка Webpack
+  configureWebpack: {
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src/'), // Настройка алиаса '@' для каталога 'src/'
       }
+    }
+  }
+};