fix: 增加未授权页面

src/modules/account/views/checkPhone.vue

@@ -50,7 +50,7 @@ export default {
   },
   computed: {
     user() {
-      return this.$store.state.user
+      return this.$store.state.user || {}
     },
     buttonText() {
       return this.isUpdate ? '取消' : '更改'

src/modules/account/views/index.vue

@@ -61,10 +61,10 @@ export default {
   },
   computed: {
     user() {
-      return this.$store.state.user
+      return this.$store.state.user || {}
     },
     info() {
-      return this.user.student_info
+      return this.user.student_info || {}
     }
   },
   mounted() {

src/modules/exception/index.js

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

src/modules/exception/views/browser.vue

+<template>
+  <div class="container">
+    <div class="box">
+      <h1 class="tips">你的浏览器版本较低，请升级你的浏览器。</h1>
+      <div class="list">
+        <ul>
+          <li v-for="item in browserList" :key="item.name">
+            <a :href="item.href" target="_blank">
+              <img :src="item.logoUrl" />
+              <p class="t1">{{ item.name }}</p>
+              <p class="t2">{{ item.company }}</p>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <p class="ua">{{ UA }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    const UA = window.navigator.userAgent
+    const isIe = window.ActiveXObject || 'ActiveXObject' in window
+    return {
+      UA,
+      isIe,
+      browserList: [
+        {
+          name: 'Chrome',
+          company: 'Google',
+          href: 'https://www.google.cn/chrome',
+          logoUrl: 'https://webapp-pub.ezijing.com/website/base/images/chrome.png'
+        },
+        {
+          name: 'Edge',
+          company: 'Microsoft',
+          href: 'https://www.microsoft.com/edge',
+          logoUrl: 'https://webapp-pub.ezijing.com/website/base/images/edge.png'
+        },
+        {
+          name: 'Firefox',
+          company: 'Mozilla Foundation',
+          href: 'https://download.mozilla.org',
+          logoUrl: 'https://webapp-pub.ezijing.com/website/base/images/firefox.png'
+        }
+      ]
+    }
+  },
+  beforeMount() {
+    !this.isIe && this.$router.replace('/')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.box {
+  width: 700px;
+  background-color: #f4f5f7;
+  border-radius: 10px;
+}
+.tips {
+  margin: 30px;
+  font-size: 24px;
+  color: #172b4d;
+  text-align: center;
+}
+ul {
+  margin: 0;
+  padding: 0;
+  display: flex;
+  list-style: none;
+  li {
+    flex: 1;
+    padding: 40px;
+    text-align: center;
+  }
+  img {
+    width: 100px;
+  }
+  p {
+    margin: 0;
+    text-align: center;
+  }
+  .t1 {
+    color: #e25600;
+  }
+  .t2 {
+    color: #aaa;
+    text-decoration: none;
+  }
+  a {
+    text-decoration: none;
+  }
+}
+.ua {
+  font-size: 12px;
+  margin: 20px;
+}
+</style>

src/utils/axios.js

 import axios from 'axios'
 import qs from 'qs'
 import { Message } from 'element-ui'
-// import router from '@/router'
+import router from '@/router'
 const httpRequest = axios.create({
   baseURL: import.meta.env.VITE_BASE_URL,
   timeout: 60000,
@@ -56,10 +56,8 @@ httpRequest.interceptors.response.use(
       if (status === 403) {
         window.location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(window.location.href)}`
       } else if (status === 401) {
-        // Message.error('未授权请从新登陆')
-        // setTimeout(() => {
-        //   window.location.href = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(window.location.href)}`
-        // }, 1000)
+        Message.error(message)
+        router.replace({ path: '/401' })
       } else {
         Message.error(message || error.response.data)
       }

src/utils/beforeEnter.js

@@ -9,7 +9,7 @@ export default async function (to, from, next) {
   // await store.dispatch('createGuestUser')
 
   // 登录白名单
-  const whiteList = ['/index']
+  const whiteList = ['/index', '/401']
   if (whiteList.includes(to.path)) {
     next()
     return