作者 积硅步,至千里

修改登录超时刷新页面跳转登录页面还提示重新登录问题

@@ -4,6 +4,7 @@ import { Message } from 'element-ui' @@ -4,6 +4,7 @@ import { Message } from 'element-ui'
4 import NProgress from 'nprogress' 4 import NProgress from 'nprogress'
5 import 'nprogress/nprogress.css' 5 import 'nprogress/nprogress.css'
6 import { getToken } from '@/utils/auth' 6 import { getToken } from '@/utils/auth'
  7 +import { isRelogin } from '@/utils/request'
7 8
8 NProgress.configure({ showSpinner: false }) 9 NProgress.configure({ showSpinner: false })
9 10
@@ -19,8 +20,10 @@ router.beforeEach((to, from, next) => { @@ -19,8 +20,10 @@ router.beforeEach((to, from, next) => {
19 NProgress.done() 20 NProgress.done()
20 } else { 21 } else {
21 if (store.getters.roles.length === 0) { 22 if (store.getters.roles.length === 0) {
  23 + isRelogin.show = true
22 // 判断当前用户是否已拉取完user_info信息 24 // 判断当前用户是否已拉取完user_info信息
23 store.dispatch('GetInfo').then(() => { 25 store.dispatch('GetInfo').then(() => {
  26 + isRelogin.show = false
24 store.dispatch('GenerateRoutes').then(accessRoutes => { 27 store.dispatch('GenerateRoutes').then(accessRoutes => {
25 // 根据roles权限生成可访问的路由表 28 // 根据roles权限生成可访问的路由表
26 router.addRoutes(accessRoutes) // 动态添加可访问路由表 29 router.addRoutes(accessRoutes) // 动态添加可访问路由表
@@ -9,7 +9,7 @@ import { saveAs } from 'file-saver' @@ -9,7 +9,7 @@ import { saveAs } from 'file-saver'
9 9
10 let downloadLoadingInstance; 10 let downloadLoadingInstance;
11 // 是否显示重新登录 11 // 是否显示重新登录
12 -let isReloginShow; 12 +export let isRelogin = { show: false };
13 13
14 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' 14 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
15 // 创建axios实例 15 // 创建axios实例
@@ -76,23 +76,20 @@ service.interceptors.response.use(res => { @@ -76,23 +76,20 @@ service.interceptors.response.use(res => {
76 return res.data 76 return res.data
77 } 77 }
78 if (code === 401) { 78 if (code === 401) {
79 - if (!isReloginShow) {  
80 - isReloginShow = true; 79 + if (!isRelogin.show) {
  80 + isRelogin.show = true;
81 MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { 81 MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {
82 confirmButtonText: '重新登录', 82 confirmButtonText: '重新登录',
83 cancelButtonText: '取消', 83 cancelButtonText: '取消',
84 type: 'warning' 84 type: 'warning'
85 } 85 }
86 ).then(() => { 86 ).then(() => {
87 - isReloginShow = false; 87 + isRelogin.show = false;
88 store.dispatch('LogOut').then(() => { 88 store.dispatch('LogOut').then(() => {
89 - // 如果是登录页面不需要重新加载  
90 - if (window.location.hash.indexOf("#/login") != 0) {  
91 location.href = '/index'; 89 location.href = '/index';
92 - }  
93 }) 90 })
94 }).catch(() => { 91 }).catch(() => {
95 - isReloginShow = false; 92 + isRelogin.show = false;
96 }); 93 });
97 } 94 }
98 return Promise.reject('无效的会话,或者会话已过期,请重新登录。') 95 return Promise.reject('无效的会话,或者会话已过期,请重新登录。')