import Vue from 'vue' import Router from 'vue-router' import Store from './store' import Layout from './views/Layout.vue' import fileNotFound from './views/errors/fileNotFound.vue' import NProgress from 'nprogress' import 'nprogress/nprogress.css' NProgress.configure({ showSpinner: false }) Vue.use(Router); const originalPush = Router.prototype.push Router.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject) return originalPush.call(this, location).catch(err => err) } const router = new Router({ routes: [ { path: '/index', redirect: '/access/log/list' }, builder('/authentication', 'login/authentication'), builder('/login', 'login/login'), builder('/go', 'codeGen/index'), builder('/sso', 'SSO'), { path: '/', name: 'layout', component: Layout, meta: { requiresAuth: true }, children: [ ...restBuilder('oper/log', 'system/log'), // 系统管理-操作日志 ...restBuilder('validcode', 'system/validcode'), // 接入管理-接入信息 ...restBuilder('menu', 'system/menu'), // 系统管理--菜单管理 ...restBuilder('resource', 'system/resource'), // 系统管理--资源管理 ...restBuilder('role', 'system/role'), // 系统管理--角色管理 ...restBuilder('user', 'system/user'), // 用户管理 -- 管理用户 ...restBuilder('param', 'system/param'), // 系统管理--参数管理 ...restBuilder('task', 'system/task'), // 系统管理--任务管理 ...restBuilder('access/log', 'access/log'), //链路访问日志 ...restBuilder('biz/log', 'biz/log'), //业务日志 ...restBuilder('error/log', 'error/log'), //异常日志 ...restBuilder('operate/log', 'operate/log'), //操作日志 //以下为基础路由配置 builder('', 'Home'), builder('index', 'Home'), builder('login/updatePwd', 'login/updatePwd'), builder('403', 'errors/403'), builder('*', 'errors/404'), ] }, ] }) /** * rest路由生成器 * * @param {string} path 路径 * @param {string} [component=path] 文件地址 * @returns {array} [] reset路由数组,包含list/edit/add/view */ function restBuilder(path, component = path) { let arr = []; arr.push(builder(`${path}/list`, `${component}/list`)); arr.push(builder(`${path}/edit`, `${component}/show`)); arr.push(builder(`${path}/add`, `${component}/show`)); arr.push(builder(`${path}/view`, `${component}/show`)); return arr; } /** * 路由生成器 * * @param {string} path 路径 * @param {string} [component=path] 文件地址 * @param {boolean} [requiresAuth=false] 是否登录后才能访问 * @returns {any} {} 路由对象 */ function builder(path, component = path, requiresAuth = false) { return { path: path, name: path || 'homepage', component: getComponent(component), meta: { requiresAuth: requiresAuth } } } function getComponent(fileName) { try { return require('./views/' + fileName).default } catch (error) { return fileNotFound; } } //检查是否跳转到sso地址 function ssoCheck(to, from, next) { console.log("to", to) console.log("from", from) console.log("next", next) let redirect = (to.path === '/login/updatePwd') ? '/#/updatePwd' : '' redirect = (redirect === '' && to.path === '/login') ? (location.protocol + '//' + location.host + '/#' + from.fullPath) : redirect if (redirect != '') { next(false) window.location.href = '//' + location.host + '/m/login/logout?redirect=' + encodeURIComponent(redirect) return true; } return false; } router.afterEach(() => { document.body.scrollTop = 0 document.documentElement.scrollTop = 0 NProgress.done() }) // 路由鉴权 router.beforeEach((to, from, next) => { // if (ssoCheck(to, from, next)) { //sso鉴权检查 // return // } NProgress.start() if (to.matched.some(record => record.meta.requiresAuth)) { if (Store.state.isLogin) { next(); } else { next({ path: '/authentication', query: { redirect: to.fullPath } }) } } else { next(); } }) export default router;