mirror of
https://github.com/1024-lab/smart-admin.git
synced 2026-06-02 03:55:59 +00:00
151 lines
3.6 KiB
JavaScript
151 lines
3.6 KiB
JavaScript
import Vue from 'vue';
|
||
import Router from 'vue-router';
|
||
import { routers } from './routers';
|
||
import cookie from '@/lib/cookie';
|
||
import { ROUTER_PERMISSION_TYPE } from './router-const';
|
||
import NProgress from 'nprogress';
|
||
import 'nprogress/nprogress.css';
|
||
|
||
const projectConfig = require('@/config/index.js');
|
||
|
||
Vue.use(Router);
|
||
|
||
/**
|
||
* 导入所有的router
|
||
* @type {VueRouter}
|
||
*/
|
||
const router = new Router({
|
||
routes: routers
|
||
});
|
||
|
||
// 解决路由跳转相同的地址报错
|
||
const originalPush = Router.prototype.push;
|
||
Router.prototype.push = function(location) {
|
||
try {
|
||
return originalPush.call(this, location).catch(err => err);
|
||
} catch (error) {
|
||
// TODO zhuoda sentry
|
||
console.error(error);
|
||
}
|
||
};
|
||
|
||
const LOGIN_PAGE_NAME = 'Login';
|
||
|
||
// --------------------- router 守卫 begin ---------------------
|
||
|
||
router.beforeEach((to, from, next) => {
|
||
// 加载进度条
|
||
NProgress.start();
|
||
|
||
// 权限
|
||
const permissionType = to.meta.permissionType;
|
||
// 不需要验证，直接放行
|
||
if (permissionType === ROUTER_PERMISSION_TYPE.NO_VALID.value) {
|
||
next();
|
||
return;
|
||
}
|
||
|
||
const token = cookie.getToken();
|
||
// 需要登录
|
||
if (permissionType === ROUTER_PERMISSION_TYPE.NEED_LOGIN.value) {
|
||
if (token) {
|
||
next();
|
||
} else {
|
||
next({
|
||
name: LOGIN_PAGE_NAME
|
||
});
|
||
}
|
||
return;
|
||
}
|
||
|
||
// 需要登录，且验证权限
|
||
if (permissionType === ROUTER_PERMISSION_TYPE.VALIDATE_PERMISSION.value) {
|
||
if (!token) {
|
||
// TODO 验证权限
|
||
next({
|
||
name: LOGIN_PAGE_NAME
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
|
||
next({
|
||
name: 'Error404'
|
||
});
|
||
});
|
||
|
||
router.afterEach(to => {
|
||
NProgress.done();
|
||
window.scrollTo(0, 0);
|
||
if (to.meta.title) {
|
||
console.log(to.meta);
|
||
document.title = to.meta.title + ' ' + projectConfig.title;
|
||
}
|
||
});
|
||
|
||
// --------------------- router 守卫 end ---------------------
|
||
|
||
/**
|
||
* router 检测
|
||
*
|
||
* 如果存在相同的 path 或者 name 是一件非常恐怖的事情，所以在develop环境将所有router进行一次遍历<br>
|
||
* 检测内容如下：<br>
|
||
* 1、相同的router name
|
||
* 2、相同的router name
|
||
* 3、path没有以 / 开头
|
||
*
|
||
*/
|
||
|
||
const tempCheckObj = {
|
||
checkRouterNameMap: new Map(),
|
||
checkRouterPathMap: new Map()
|
||
};
|
||
|
||
function recursionCheckRouter(routerArray) {
|
||
for (const routerItem of routerArray) {
|
||
if (!routerItem.name) {
|
||
console.error('没有配置router name', routerItem);
|
||
} else {
|
||
const existNameRouter = tempCheckObj.checkRouterNameMap.get(
|
||
routerItem.name
|
||
);
|
||
if (typeof existNameRouter !== 'undefined') {
|
||
console.error('存在相同的router name', routerItem, existNameRouter);
|
||
} else {
|
||
tempCheckObj.checkRouterNameMap.set(routerItem.name, routerItem);
|
||
}
|
||
}
|
||
|
||
if (!routerItem.path) {
|
||
console.error('没有配置router path', routerItem);
|
||
} else {
|
||
// path必须以 / 开头
|
||
if (routerItem.path !== '*' && routerItem.path.indexOf('/') !== 0) {
|
||
console.error('path 没有以/开头 ', routerItem);
|
||
}
|
||
|
||
const existPathRouter = tempCheckObj.checkRouterPathMap.get(
|
||
routerItem.path
|
||
);
|
||
if (typeof existPathRouter !== 'undefined') {
|
||
console.error('存在相同的router path', routerItem, existPathRouter);
|
||
} else {
|
||
tempCheckObj.checkRouterPathMap.set(routerItem.path, routerItem);
|
||
}
|
||
}
|
||
|
||
if (routerItem.children) {
|
||
recursionCheckRouter(routerItem.children);
|
||
}
|
||
}
|
||
}
|
||
|
||
// 如果是开发环境，需要检测router的规范性
|
||
if (process.env.NODE_ENV === 'development') {
|
||
recursionCheckRouter(routers);
|
||
delete tempCheckObj.checkRouterNameMap;
|
||
delete tempCheckObj.checkRouterPathMap;
|
||
}
|
||
|
||
export default router;
|