网络请求鉴权

src/plugins/axiosApp.ts

@@ -20,6 +20,14 @@ _axiosApp.interceptors.request.use(
     if (config.setGlobalMask) {
       store.increaseGlobalMaskCount("axios");
     }
+    const { token, key } = store.user;
+    // @ts-ignore
+    if (token && config.headers?.common["token"] == null) {
+      // @ts-ignore
+      config.headers.common["token"] = token;
+      // @ts-ignore
+      config.headers.common["key"] = key;
+    }
     return config;
   },
   function (error) {

src/store/store.ts

@@ -36,4 +36,10 @@ export let store = null as unknown as ReturnType<typeof useStore>;
 
 setTimeout(() => {
   store = useStore();
+
+  store.$subscribe((_mutation, state) => {
+    sessionStorage.setItem("ecs", JSON.stringify(state));
+  });
+  const cachedState = JSON.parse(sessionStorage.getItem("ecs") || "0");
+  cachedState && (store.$state = cachedState);
 });

vite.config.ts

@@ -3,7 +3,7 @@ import vue from "@vitejs/plugin-vue";
 import ViteComponents from "unplugin-vue-components/vite";
 import { NaiveUiResolver } from "unplugin-vue-components/resolvers";
 
-const SERVER_URL = "http://192.168.10.39:8000";
+const SERVER_URL = "https://192.168.10.39";
 const path = require("path");
 
 // https://vitejs.dev/config/
@@ -28,6 +28,7 @@ export default defineConfig({
       "/api": {
         target: SERVER_URL,
         changeOrigin: true,
+        secure: false,
       },
     },
   },