You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
255 lines
7.7 KiB
255 lines
7.7 KiB
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,setToken } from '@/utils/auth' // getToken from cookie
|
|
|
|
NProgress.configure({ showSpinner: false })// NProgress Configuration
|
|
|
|
|
|
function getQueryVariable(variable,url){
|
|
var query =url;
|
|
if(url==null || url==undefined || url==''){
|
|
query=window.location.href;
|
|
|
|
}
|
|
//alert(query);
|
|
var query2=query.split("?");
|
|
if(query2.length>1){
|
|
query=query2[1];
|
|
}else{
|
|
query=""
|
|
return null;
|
|
}
|
|
|
|
var vars = query.split("&");
|
|
for (var i=0;i<vars.length;i++) {
|
|
var pair = vars[i].split("=");
|
|
if(pair[0] == variable){return pair[1];}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
|
|
var accessToken=getQueryVariable('accessToken');
|
|
|
|
// permissiom judge function
|
|
function hasPermission(roles, permissionRoles) {
|
|
if(!roles || roles.length==0){
|
|
return true;
|
|
}
|
|
if (!permissionRoles) return true
|
|
if (roles.some(role => role.roleid==='superAdmin')) return true // admin permission passed directly
|
|
return roles.some(role => permissionRoles.indexOf(role.roleid) >= 0)
|
|
}
|
|
|
|
//免登录白名单
|
|
const whiteList = [
|
|
]
|
|
|
|
router.beforeEach((to, from, next) => {
|
|
NProgress.start() // start progress bar
|
|
;
|
|
if(to.path==='/' || to.path.indexOf('/404')>=0 || to.path.indexOf('/401')>=0 || to.path.indexOf('/login')>=0 ||to.path.indexOf('/logout')>=0){
|
|
next()
|
|
NProgress.done()
|
|
return;
|
|
}
|
|
if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
|
|
next()
|
|
NProgress.done()
|
|
return;
|
|
}
|
|
var outUrl="";
|
|
if(to.meta && to.meta.openTab==true && to.meta.outUrl){
|
|
outUrl=to.meta.outUrl;
|
|
if(to.query){
|
|
var querys='';
|
|
Object.keys(to.query).forEach(function(key){
|
|
if(outUrl.indexOf(key+"=")<=0){
|
|
if(querys==''){
|
|
querys=key+"="+to.query[key]
|
|
}else{
|
|
querys=querys+"&"+key+"="+to.query[key]
|
|
}
|
|
}
|
|
|
|
});
|
|
if(querys!=''){
|
|
if(outUrl.indexOf("?")>0){
|
|
outUrl=outUrl+"&"+querys;
|
|
}else{
|
|
outUrl=outUrl+"?"+querys;
|
|
}
|
|
}
|
|
}
|
|
if(outUrl.indexOf("${router.path}")>=0){
|
|
outUrl=outUrl.replace("${router.path}",to.path);
|
|
}
|
|
if(outUrl.indexOf("${curlDomain}")>=0){
|
|
var curlDomain=window.location.protocol+"//"+window.location.host; // 返回https://mp.csdn.net
|
|
outUrl=outUrl.replace("${curlDomain}",curlDomain);
|
|
}
|
|
var indexOfHttp=outUrl.indexOf("://");
|
|
if(indexOfHttp>0){
|
|
outUrl=outUrl.substr(0,indexOfHttp+3)+outUrl.substr(indexOfHttp+3,outUrl.length).replace("//","/");
|
|
}else{
|
|
outUrl=outUrl.replace("//","/")
|
|
}
|
|
window.open(outUrl,to.meta.title,null,true)
|
|
NProgress.done() // if current page is dashboard will not trigger afterEach hook, so manually handle it
|
|
return;
|
|
}
|
|
if (!to.meta || !to.meta.roles) {
|
|
next()//
|
|
NProgress.done()
|
|
return;
|
|
}
|
|
if (getToken()) { // determine if there has token
|
|
/* has token*/
|
|
if (to.path.indexOf('/login')>=0) {
|
|
next()//
|
|
NProgress.done() // if current page is dashboard will not trigger afterEach hook, so manually handle it
|
|
return;
|
|
} else {
|
|
if(store.getters.isLoadOk==false ){
|
|
store.dispatch('GetUserInfo').then(res=>{
|
|
if(!res.data.tips.isOk){
|
|
store.dispatch('FedLogOut').then(() => {
|
|
Message.error('请重新登陆')
|
|
if(accessToken && accessToken.length>0){
|
|
//window.open('/#/login',null,null,true)
|
|
next({ path: '/login',replace:true })
|
|
}else{
|
|
next({ path: '/login' })
|
|
}
|
|
return
|
|
})
|
|
}else{
|
|
store.dispatch('GenerateRoutes', {roles:store.getters.roles ,menus:store.getters.myMenus} ).then(() => { // 根据roles权限生成可访问的路由表
|
|
router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
|
|
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
|
|
}).catch(() => {
|
|
store.dispatch('FedLogOut').then(() => {
|
|
Message.error('路由处理出错，请重新登陆')
|
|
if(accessToken && accessToken.length>0){
|
|
//window.open('/#/login',null,null,true)
|
|
next({ path: '/login',replace:true })
|
|
}else{
|
|
next({ path: '/login' })
|
|
}
|
|
return
|
|
})
|
|
})
|
|
}
|
|
|
|
});
|
|
}else if (store.getters.added==false ) { // 判断当前用户是否已拉取完user_info信息并且已经计算完毕动态路由
|
|
store.dispatch('GenerateRoutes', {roles:store.getters.roles ,menus:store.getters.myMenus} ).then(() => { // 根据roles权限生成可访问的路由表
|
|
router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
|
|
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
|
|
return
|
|
}).catch(() => {
|
|
store.dispatch('FedLogOut').then(() => {
|
|
Message.error('路由处理出错，请重新登陆')
|
|
if(accessToken && accessToken.length>0){
|
|
//window.open('/#/login',null,null,true)
|
|
|
|
next({ path: '/login',replace:true })
|
|
}else{
|
|
next({ path: '/login' })
|
|
}
|
|
return
|
|
})
|
|
})
|
|
} else {
|
|
// 没有动态改变权限的需求可直接next() 删除下方权限判断 ↓
|
|
if (!to.meta || !to.meta.roles || !store.getters.roles || hasPermission(store.getters.roles, to.meta.roles)) {
|
|
next()//
|
|
return
|
|
} else {
|
|
next({ path: '/401', replace: true, query: { noGoBack: true }})
|
|
return
|
|
}
|
|
// 可删 ↑
|
|
}
|
|
}
|
|
} else {
|
|
/* has no token*/
|
|
if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
|
|
next()
|
|
return
|
|
} else {
|
|
next({path:'/login'}) // 否则全部重定向到登录页
|
|
NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
|
|
return
|
|
}
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 防止禁用弹框 _self模式
|
|
* @param {} url
|
|
*/
|
|
function newWin(url) {
|
|
var id='toOpenWindow'
|
|
var a = document.createElement('a');
|
|
a.setAttribute('href', url);
|
|
a.setAttribute('target', '_self');
|
|
a.setAttribute('id', id);
|
|
// 防止反复添加
|
|
if(!document.getElementById(id)) document.body.appendChild(a);
|
|
a.click();
|
|
}
|
|
|
|
function setIndexPath() {
|
|
var indexPath=null
|
|
var url=window.location.href;
|
|
var indexName="index-path-"+process.env.CONTEXT;
|
|
if(url.indexOf("/login")<=0){
|
|
var indexOf=url.indexOf("#/")
|
|
if(indexOf > 0){
|
|
indexPath=url.substring(indexOf+1)
|
|
sessionStorage.setItem(indexName,indexPath);
|
|
}else{
|
|
sessionStorage.removeItem(indexName);
|
|
}
|
|
}
|
|
}
|
|
setIndexPath();
|
|
if(accessToken && accessToken.length>10){
|
|
//alert(access_token);
|
|
setToken(accessToken);
|
|
store.dispatch('GetUserInfo').then(res=>{
|
|
if(!res.data.tips.isOk){
|
|
store.dispatch('FedLogOut').then(() => {
|
|
Message.error('请重新登陆')
|
|
newWin('/#/login')
|
|
return
|
|
})
|
|
}else{
|
|
store.dispatch('GenerateRoutes', {roles:store.getters.roles ,menus:store.getters.myMenus} ).then(() => { // 根据roles权限生成可访问的路由表
|
|
router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
|
|
|
|
var indexName="index-path-"+process.env.CONTEXT;
|
|
var indexPath=sessionStorage.getItem(indexName);
|
|
if(indexPath && indexPath.length>0){
|
|
newWin('/#'+indexPath)
|
|
}else{
|
|
newWin('/')
|
|
}
|
|
}).catch(() => {
|
|
store.dispatch('FedLogOut').then(() => {
|
|
Message.error('路由处理出错，请重新登陆')
|
|
newWin('/#/login')
|
|
return
|
|
})
|
|
})
|
|
}
|
|
|
|
});
|
|
}
|
|
router.afterEach(() => {
|
|
NProgress.done() // finish progress bar
|
|
})
|