vue项目配置404项目

静态路由,在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)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容