import Vue from 'vue'
|
import Router from 'vue-router'
|
import store from '@/store'
|
|
|
// import exampleRouter from './router/examplxe.js'
|
import redirect from './redirect'
|
import viewgird from './viewGird'
|
|
Vue.use(Router)
|
|
const router = new Router({
|
history: 'true',
|
routes: [
|
//...exampleRouter,
|
{
|
path: '*',
|
component: () => import('@/views/redirect/404.vue')
|
},
|
{
|
path: '/',
|
name: 'Index',
|
component: () => import('@/views/Index'),
|
redirect: '/home',
|
children: [
|
...viewgird,//代码生成的后配置菜单的路由
|
...redirect,//401,404,500等路由
|
{
|
path: '/home',
|
name: 'home',
|
component: () => import('@/views/home.vue')
|
},{
|
path: '/cargospace',
|
name: 'cargospace',
|
component: () => import('@/views/cargospace.vue')
|
},{
|
path: '/UserInfo',
|
name: 'UserInfo',
|
component: () => import('@/views/system/UserInfo.vue')
|
}, {
|
path: '/permission',
|
name: 'permission',
|
component: () => import('@/views/system/Permission.vue')
|
}
|
]
|
},
|
{
|
path: '/login',
|
name: 'login',
|
component: () => import('@/views/Login.vue'),
|
meta: {
|
anonymous: true
|
}
|
}
|
|
]
|
})
|
|
|
router.beforeEach((to, from, next) => {
|
if (to.matched.length == 0) return next({ path: '/404' });
|
//2020.06.03增加路由切换时加载提示
|
store.dispatch("onLoading", true);
|
if ((to.hasOwnProperty('meta') && to.meta.anonymous) || store.getters.isLogin()) {
|
return next();
|
}
|
//query产生一个随机数在 login->home->login执行不了
|
next({ path: '/login', query: { redirect: Math.random() } });
|
})
|
|
//2020.06.03增加路由切换时加载提示
|
router.afterEach((to, from) => {
|
store.dispatch("onLoading", false);
|
})
|
router.onError((error) => {
|
const pattern = /Loading chunk (\d)+ failed/g;
|
const isChunkLoadFailed = error.message.match(pattern);
|
const targetPath = router.history.pending.fullPath;
|
console.log(error.message);
|
console.log(targetPath);
|
if (isChunkLoadFailed) {
|
window.location.replace(window.location.href);
|
// router.replace(targetPath);
|
}
|
});
|
|
export default router;
|
