src/App.vue

@@ -13,7 +13,7 @@ import { getValue } from './utils/common';
 export default defineComponent({
   setup(){
     if(getValue('token')){
-      store.commit("login")
+      store.commit("login", true)
       store.dispatch("setUserInfo");
     }
   }

src/api/base.ts

@@ -10,9 +10,9 @@ export interface Get {
 }
 
 axios.interceptors.response.use((response)=>{
+    
     return response;
 },(error)=>{
-
     message.error(error.response.data.message)
     return Promise.reject(error) 
 })

src/api/index.ts

@@ -23,7 +23,7 @@ export async function loginpass(phone: string, password: string){
             message.error("存储错误, 请允许网页使用本地存储！")
         }else{
             setToken();
-            store.commit("login");
+            store.commit("login", true);
             store.dispatch("setUserInfo");
             router.push("/mine/archives")
         }

src/components/Menu.vue

@@ -21,7 +21,7 @@
                 <div class="item" :class="{'selbottom': selnum == list.length - 1}"></div>
             </div>
             <div class="item loginout">
-                <div class="route">
+                <div class="route" @click="logout">
                     <img src="../static/images/tuichu.png" alt="" class="icon">
                     <div class="title">
                         帐号退出
@@ -190,12 +190,17 @@ export default defineComponent({
 
         }
 
+        function logout(): void{
+            store.commit("login", false)
+            router.replace("/");
+        }
       
         return{
             list,
             routeto,
             selnum,
-            userinfo
+            userinfo,
+            logout
         }
     }
 })

src/store/index.ts

@@ -13,8 +13,8 @@ export default createStore({
     setUserInfo(state, userinfo){
       state.userinfo = userinfo
     },
-    login(state){
+    login(state, islogin: boolean){
-      state.islogin = true;
+      state.islogin = islogin;
     }
   },
   actions: {