|
|
|
@ -1,12 +1,19 @@
|
|
|
|
import router from './router'
|
|
|
|
import router from './router'
|
|
|
|
import store from './store'
|
|
|
|
import store from './store'
|
|
|
|
import { Message } from 'element-ui'
|
|
|
|
import {
|
|
|
|
|
|
|
|
Message
|
|
|
|
|
|
|
|
} from 'element-ui'
|
|
|
|
|
|
|
|
import { deepCopy } from '@/utils'
|
|
|
|
import NProgress from 'nprogress' // progress bar
|
|
|
|
import NProgress from 'nprogress' // progress bar
|
|
|
|
import 'nprogress/nprogress.css' // progress bar style
|
|
|
|
import 'nprogress/nprogress.css' // progress bar style
|
|
|
|
import { getToken } from '@/utils/auth' // get token from cookie
|
|
|
|
import {
|
|
|
|
|
|
|
|
getToken
|
|
|
|
|
|
|
|
} from '@/utils/auth' // get token from cookie
|
|
|
|
import getPageTitle from '@/utils/get-page-title'
|
|
|
|
import getPageTitle from '@/utils/get-page-title'
|
|
|
|
|
|
|
|
|
|
|
|
NProgress.configure({ showSpinner: false }) // NProgress Configuration
|
|
|
|
NProgress.configure({
|
|
|
|
|
|
|
|
showSpinner: false
|
|
|
|
|
|
|
|
}) // NProgress Configuration
|
|
|
|
|
|
|
|
|
|
|
|
const whiteList = ['/login'] // no redirect whitelist
|
|
|
|
const whiteList = ['/login'] // no redirect whitelist
|
|
|
|
|
|
|
|
|
|
|
|
@ -20,32 +27,41 @@ router.beforeEach(async(to, from, next) => {
|
|
|
|
// determine whether the user has logged in
|
|
|
|
// determine whether the user has logged in
|
|
|
|
const hasToken = getToken()
|
|
|
|
const hasToken = getToken()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log("hasToken", hasToken)
|
|
|
|
if (hasToken) {
|
|
|
|
if (hasToken) {
|
|
|
|
if (to.path === '/login') {
|
|
|
|
if (to.path === '/login') {
|
|
|
|
// if is logged in, redirect to the home page
|
|
|
|
// if is logged in, redirect to the home page
|
|
|
|
next({ path: '/' })
|
|
|
|
|
|
|
|
|
|
|
|
await store.dispatch('user/resetToken');
|
|
|
|
|
|
|
|
next(to.fullPath);
|
|
|
|
|
|
|
|
|
|
|
|
NProgress.done()
|
|
|
|
NProgress.done()
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
// determine whether the user has obtained his permission roles through getInfo
|
|
|
|
// determine whether the user has obtained his permission roles through getInfo
|
|
|
|
const hasRoles = store.getters.roles && store.getters.roles.length > 0
|
|
|
|
const hasRoles = store.getters.roles && store.getters.roles.length > 0
|
|
|
|
if (hasRoles) {
|
|
|
|
if (hasRoles) {
|
|
|
|
next()
|
|
|
|
to.query.tourl ? next(to.query.tourl) : next()
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
try {
|
|
|
|
try {
|
|
|
|
// get user info
|
|
|
|
// get user info
|
|
|
|
// note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
|
|
|
|
// note: roles must be a object array! such as: ['admin'] or ,['developer','editor']
|
|
|
|
const { roles } = await store.dispatch('user/getInfo')
|
|
|
|
const {
|
|
|
|
|
|
|
|
roles
|
|
|
|
|
|
|
|
} = await store.dispatch('user/getInfo')
|
|
|
|
|
|
|
|
|
|
|
|
// generate accessible routes map based on roles
|
|
|
|
// generate accessible routes map based on roles
|
|
|
|
const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
|
|
|
|
const accessRoutes = await store.dispatch('permission/generateRoutes', roles)
|
|
|
|
|
|
|
|
|
|
|
|
//console.log(accessRoutes)
|
|
|
|
|
|
|
|
// dynamically add accessible routes
|
|
|
|
// dynamically add accessible routes
|
|
|
|
router.addRoutes(accessRoutes)
|
|
|
|
router.addRoutes(accessRoutes)
|
|
|
|
|
|
|
|
|
|
|
|
// hack method to ensure that addRoutes is complete
|
|
|
|
// hack method to ensure that addRoutes is complete
|
|
|
|
// set the replace: true, so the navigation will not leave a history record
|
|
|
|
// set the replace: true, so the navigation will not leave a history record
|
|
|
|
next({ ...to, replace: true })
|
|
|
|
let resetTo = deepCopy(to)
|
|
|
|
|
|
|
|
resetTo.path = to.query.tourl || to.path
|
|
|
|
|
|
|
|
resetTo.replace = true
|
|
|
|
|
|
|
|
console.log(resetTo)
|
|
|
|
|
|
|
|
next(resetTo)
|
|
|
|
} catch (error) {
|
|
|
|
} catch (error) {
|
|
|
|
console.log(error)
|
|
|
|
console.log(error)
|
|
|
|
// remove token and go to login page to re-login
|
|
|
|
// remove token and go to login page to re-login
|
|
|
|
@ -62,11 +78,34 @@ router.beforeEach(async(to, from, next) => {
|
|
|
|
if (whiteList.indexOf(to.path) !== -1) {
|
|
|
|
if (whiteList.indexOf(to.path) !== -1) {
|
|
|
|
// in the free login whitelist, go directly
|
|
|
|
// in the free login whitelist, go directly
|
|
|
|
next()
|
|
|
|
next()
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
console.log("to",to)
|
|
|
|
|
|
|
|
// other pages that do not have permission to access are redirected to the login page.
|
|
|
|
|
|
|
|
if (to.query.token && to.query.tp) {
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
await store.dispatch('user/loginskip', {
|
|
|
|
|
|
|
|
token: to.query.token,
|
|
|
|
|
|
|
|
tp: to.query.tp,
|
|
|
|
|
|
|
|
loginId: to.query.loginId
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
console.log("to.path",to.path)
|
|
|
|
|
|
|
|
if(to.query.tourl){
|
|
|
|
|
|
|
|
next(to.query.tourl || '/')
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
next(to.path || '/')
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
|
|
|
|
console.log("/login",e)
|
|
|
|
|
|
|
|
next('/login')
|
|
|
|
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
// other pages that do not have permission to access are redirected to the login page.
|
|
|
|
// other pages that do not have permission to access are redirected to the login page.
|
|
|
|
next(`/login?redirect=${to.path}`)
|
|
|
|
next(`/login?redirect=${to.path}`)
|
|
|
|
NProgress.done()
|
|
|
|
NProgress.done()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// next(`/login?redirect=${to.path}`)
|
|
|
|
|
|
|
|
// NProgress.done()
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|