fix（）：没有网络时展示浏览器无网络页面

src/components/sideMenu.vue

@@ -152,7 +152,7 @@ export default {
         </el-menu-item>
       </el-menu>
     </div>
-    <div @click="logout()" class="py-10px w-243px bg-[#F6F7F9] flex items-center cursor-pointer fixed bottom-0"><Logout class="ml-27px" /><span class="ml-11px text-14px text-[#232A40] font-bold">Log out</span></div>
+    <div @click="logout()" class="py-10px w-260px bg-[#F6F7F9] flex items-center cursor-pointer fixed bottom-0"><Logout class="ml-27px" /><span class="ml-11px text-14px text-[#232A40] font-bold">Log out</span></div>
   </div>
 </template>
 

src/router/index.js

@@ -152,7 +152,7 @@ const router = new VueRouter({
 router.beforeEach((to, from, next) => {
   const whiteList = '/login'
   if (to.path !== whiteList && to.path !== '/Create' && to.path !== '/noadmin' && to.path !== '/forgotpassword') {
-    if (userStore().user.role.indexOf("2") !== -1 || userStore().user.role.indexOf("1") !== -1) {
+    if (userStore().user.role?.indexOf("2") !== -1 || userStore().user.role?.indexOf("1") !== -1) {
       next()
     } else {
       next('/noadmin')

utils/request.js

@@ -53,6 +53,9 @@ instance.interceptors.response.use(
       return Promise.reject(error);
     }
     const { message } = error;
+    if(error.request){
+      window.location.href = '/login'
+    }
     console.error(message);
     return Promise.reject(error);
   },