109 lines
3.8 KiB
JavaScript
109 lines
3.8 KiB
JavaScript
import Vue from 'vue'
|
|
import Router from 'vue-router'
|
|
import { formatRoutes } from '@/utils/routerUtil' // 引入路由格式化工具
|
|
|
|
|
|
|
|
// -------------------------------- 以下为刷新页面时，重新加载路由 权限 用户信息的代码 --------------------------------
|
|
import { getUserInfo, getRoutesConfig, getPermission, getSettings, getCompany, getProject } from '@/services/base/user' // 刷新用户信息
|
|
import { loadRoutes } from '@/utils/routerUtil'
|
|
import store from '@/store' // 引入vuex store 实例
|
|
import xsrfHeaderName from '@/utils/request' // 引入request
|
|
import Cookie from 'js-cookie'
|
|
// 如果cookie中存在认证信息
|
|
const Authorization = Cookie.get(xsrfHeaderName).Authorization
|
|
|
|
if (Authorization != null) {
|
|
getUserInfo().then(result => { // 获取用户信息
|
|
if (result.data.data != null) {
|
|
const UserInfo = result.data.data.user_info
|
|
store.commit('account/setUser', UserInfo) // 将用户信息存入vuex
|
|
}
|
|
})
|
|
|
|
getPermission().then(result => { // 获取权限
|
|
if (result.data.data != null) {
|
|
const Permission = result.data.data.permission
|
|
store.commit('account/setPermissions', Permission) // 将权限信息存入vuex
|
|
}
|
|
})
|
|
|
|
getRoutesConfig().then(result => { // 获取路由配置
|
|
if (result.data.data != null) {
|
|
const routesConfig = result.data.data;
|
|
console.log(routesConfig)
|
|
store.commit('account/setRoutesConfig', routesConfig) // 将路由配置信息存入vuex
|
|
|
|
let touchRoute = {
|
|
router: "touch",
|
|
children:[
|
|
{router:'TouchMesReporting'}
|
|
]
|
|
|
|
};
|
|
loadRoutes([touchRoute,routesConfig]) // 加载路由
|
|
}
|
|
})
|
|
|
|
getSettings().then(result => { // 获取系统配置
|
|
if (result.data.data != null) {
|
|
const settings = result.data.data
|
|
store.commit('account/setSettings', settings) // 将系统配置信息存入vuex
|
|
}
|
|
})
|
|
|
|
getCompany().then(result => { // 获取公司信息
|
|
if (result.data.data != null) {
|
|
const company = result.data.data
|
|
store.commit('account/setCompany', company) // 将公司信息存入vuex
|
|
}
|
|
})
|
|
|
|
getProject().then(result => { // 获取项目信息
|
|
if (result.data.data != null) {
|
|
const project = result.data.data
|
|
store.commit('account/setProject', project) // 将项目信息存入vuex
|
|
}
|
|
})
|
|
|
|
}
|
|
// -------------------------------- 以上为刷新页面时，重新加载路由 权限 用户信息的代码 --------------------------------
|
|
|
|
|
|
|
|
Vue.use(Router)
|
|
|
|
// 不需要登录拦截的路由配置
|
|
const loginIgnore = { // 登录白名单
|
|
names: ['404', '403'], //根据路由名称匹配
|
|
paths: ['/login','/touch','/touch/index','/touch/mesreporting'], //根据路由fullPath匹配
|
|
/**
|
|
* 判断路由是否包含在该配置中
|
|
* @param route vue-router 的 route 对象
|
|
* @returns {boolean}
|
|
*/
|
|
includes(route) { // 判断路由是否包含在该配置中
|
|
return this.names.includes(route.name) || this.paths.includes(route.path) // 返回true则不需要登录拦截
|
|
}
|
|
}
|
|
|
|
// 解决重复点击路由报错的BUG
|
|
const originalPush = Router.prototype.push // 保存原型对象中的push方法
|
|
Router.prototype.push = function push(location) { // 重写原型对象中的push方法
|
|
return originalPush.call(this, location).catch((err) => err) // 抛出错误
|
|
}
|
|
|
|
|
|
/**
|
|
* 初始化路由实例
|
|
* @param isAsync 是否异步路由模式
|
|
* @returns {VueRouter}
|
|
*/
|
|
function initRouter(isAsync) { // 初始化路由
|
|
const options = isAsync ? require('./async/config.async').default : require('./config').default // 引入路由配置
|
|
formatRoutes(options.routes) // 格式化路由
|
|
console.log(options)
|
|
return new Router(options) // 返回路由实例
|
|
}
|
|
export { loginIgnore, initRouter } // 导出路由配置和初始化路由方法
|