init

src/App.vue

@@ -23,21 +23,22 @@
       </router-link>
     </div> -->
     <main style="z-index: 2;">
-      <router-view />
+      <router-view/>
     </main>
   </div>
 </template>
 <script setup>
-import { boeRequest } from "@/api/request";
-import { GET_USER_INFO } from "@/api/ThirdApi";
-import { useStore } from "vuex";
-import { onMounted } from "vue";
+import {boeRequest} from "@/api/request";
+import {GET_USER_INFO} from "@/api/ThirdApi";
+import {useStore} from "vuex";
+import {onMounted} from "vue";
+import router from "@/router";
 
 const store = useStore();
-
 onMounted(() => {
   getUserInfo();
 });
+
 function getUserInfo() {
   boeRequest(GET_USER_INFO).then((res) => {
     store.commit("SET_USER", res.result);
@@ -49,7 +50,7 @@ function getUserInfo() {
   // font-family: MicrosoftYaHei, Microsoft YaHei, Avenir, Helvetica, Arial,
   // sans-serif;
   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-    Microsoft YaHei, Arial, sans-serif;
+  Microsoft YaHei, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;

src/api/request.js

@@ -93,7 +93,7 @@ export async function request(_url, params) {
     }).then(resp => resp.data).then(response => {
         if (response.code !== 200 && response.code !== 0) {
             if (response.code === 1000) {
-                import.meta.env.DEV ? router.push({path: '/login'}) : window.open(import.meta.env.VITE_BASE_LOGIN_URL)
+                import.meta.env.MODE === 'development' ? router.push({path: '/login'}) : window.open(import.meta.env.VITE_BASE_LOGIN_URL)
             }
             // if (import.meta.env.DEV && response.code === 1000) {
             //     router.push({path: '/login'})

src/api/utils.js

@@ -2,8 +2,6 @@ import {watch, ref} from "vue";
 import {boeRequest} from "@/api/request";
 import {BASE, GET_USER_LIST} from "@/api/ThirdApi";
 
-const BASE_AVATAR = import.meta.env.DEV ? `${BASE}/upload` : ''
-
 export function useImage(src) {
     return new URL(`../assets/image/${src}`, import.meta.url).href
 }
@@ -15,7 +13,7 @@ export function setCookie(name, value, perpetual) {
 }
 
 export function getCookie(name) {
-    return document.cookie?.split(";").find(e => e.includes(name)).replace(`${name}=`, '') || ''
+    return document.cookie?.split(";").find(e => e.includes(name))?.replace(`${name}=`, '') || ''
 }
 
 export function useUserInfo(id) {
@@ -23,7 +21,7 @@ export function useUserInfo(id) {
     watch(id, () => {
         id.value && boeRequest(GET_USER_LIST, {id: id.value}).then(res => {
             userInfo.value = res.result.userInfoList[0]
-            userInfo.value.avatar = BASE_AVATAR + userInfo.value.avatar
+            userInfo.value.avatar = `/upload${userInfo.value.avatar}`
         })
     })
     return userInfo