静态路由,在router.js中配置理由信息
{
path: '/error',
component: Layout,
redirect: '/error/404',
meta: {
title: 'error',
hide: true
},
children: [
{
path: '404',
component: () => import('@/views/error-page/404.vue'),
meta: {
title: '报错了',
hide: true
}
}
]
},
{
path: '*',
redirect: '/error'
}
动态路由:
不要再静态路由中添加404页面,在addRoutes里进行拼接 (通配符 * 跳转到404页面的路由)
new_router.push({
path:"*",
redirect:"'/error'"
})
//使用addRouter方法添加到路由上边
router.addRoutes(new_router)