import router from './router' import store from './store' import { Message } from 'element-ui' import NProgress from 'nprogress' // progress bar import 'nprogress/nprogress.css' // progress bar style import { getToken,setUserUrl, setUseType,setWebSiteId,hashParams,getUseType,getUserUrl} from '@/utils/auth' // get token from cookie import getPageTitle from '@/utils/get-page-title' import URL from '@/utils/baseUrl'; import {getInfo} from '@/api/user' NProgress.configure({ showSpinner: false }) // NProgress Configuration const whiteList = ['/login', '/auth-redirect'] // no redirect whitelist router.beforeEach(async(to, from, next) => { // start progress bar NProgress.start() // set page title document.title = getPageTitle(to.meta.title) // determine whether the user has logged in const hasToken = getToken() //检测token的状态 await store.dispatch('user/logoutStatus') if (hasToken) { if (to.path === '/login') { // Retrieve userurl const userurl = hashParams(); if(userurl){ setUserUrl(userurl, 86400) } const userInfo = await getInfo(); console.log("User Info:", userInfo); if (userInfo.code === 200) { setUseType(userInfo.data.userType, 86400) setWebSiteId(userInfo.data.siteId, 86400) next({ path: '/' }) NProgress.done() // hack: https://github.com/PanJiaChen/vue-element-admin/pull/2939 }else{ next({ path: '/' }) NProgress.done() // hack: https://github.com/PanJiaChen/vue-element-admin/pull/2939 } // if is logged in, redirect to the home page } else { // determine whether the user has obtained his permission roles through getInfo const hasRoles = store.getters.roles && store.getters.roles.length > 0 if (hasRoles) { next() } else { try { // get user info // note: roles must be a object array! such as: ['admin'] or ,['developer','editor'] const { roles } = await store.dispatch('user/getInfo') // generate accessible routes map based on roles const accessRoutes = await store.dispatch('permission/generateRoutes', roles) // dynamically add accessible routes router.addRoutes(accessRoutes) // hack method to ensure that addRoutes is complete // set the replace: true, so the navigation will not leave a history record next({ ...to, replace: true }) // Call getInfo to fetch user information const userInfo = await getInfo(); console.log("User Info:", userInfo); } catch (error) { // remove token and go to login page to re-login await store.dispatch('user/resetToken') Message.error(error || 'Has Error') next(`/login?redirect=${to.path}`) NProgress.done() } } } } else { /* has no token*/ if (whiteList.indexOf(to.path) !== -1) { const userurl = hashParams(); if(userurl){ setUserUrl(userurl, 86400) } // in the free login whitelist, go directly next() } else { const userType = getUseType() if(userType==10000){ next(`/login?redirect=${to.path}`) NProgress.done() setUserUrl(URL.webUrl, 86400) }else{ const userurl = getUserUrl(); let url='' if (!userurl.startsWith('http://') && !userurl.startsWith('https://')) { // 如果不是,则拼接上 http:// url = 'http://' + userurl; }else{ url = userurl; } next(`/login?backurl=${url}`) NProgress.done() setUserUrl(userurl, 86400) } } } }) router.afterEach(() => { // finish progress bar NProgress.done() })