updates

src/components/layout/Header.vue

@@ -8,10 +8,14 @@ import { useUserStore } from '@/stores/user'
 withDefaults(defineProps<{ hasTitle?: boolean }>(), {
   hasTitle: true
 })
+
 const userStore = useUserStore()
+
 const userInfo = userStore.user
-const logout = () => {
-  userStore.logout()
+
+const logout = async () => {
+  await userStore.logout()
+  location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
 }
 </script>
 
@@ -28,7 +32,7 @@ const logout = () => {
           <img :src="userInfo.avatar || 'https://webapp-pub.ezijing.com/website/base/images/avatar.svg'" />
         </div>
         <template #dropdown>
-          <el-dropdown-menu>
+          <el-dropdown-menu style="width: 280px">
             <div class="app-header-user">
               <div class="app-header-user-avatar">
                 <img :src="userInfo.avatar || 'https://webapp-pub.ezijing.com/website/base/images/avatar.svg'" />

src/modules/error/index.ts

+const routes = [
+  {
+    path: '/401',
+    component: () => import('./views/401.vue')
+  }
+]
+
+export { routes }

src/utils/axios.ts

 import axios from 'axios'
 import qs from 'qs'
+import { ElMessage } from 'element-plus'
+import router from '@/router'
 
 const httpRequest = axios.create({
   // baseURL: 'https://project-api.ezijing.com',
@@ -39,6 +41,7 @@ httpRequest.interceptors.response.use(
       return Promise.reject(data)
     }
     if (data.code === 1) {
+      ElMessage.error(data.message || data.msg)
       return Promise.reject(data)
     }
     return data
@@ -49,7 +52,11 @@ httpRequest.interceptors.response.use(
       // 未登录
       if (status === 403) {
         location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
+      } else if (status === 400) {
+        // 未授权
+        router.push('/401')
       } else {
+        ElMessage.error(message)
         console.error(`${status}: ${message}`)
       }
     } else {