美文网首页
vue项目配置404项目

vue项目配置404项目

作者: 努力与幸运 | 来源:发表于2021-01-11 15:47 被阅读0次

静态路由,在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)

相关文章

网友评论

      本文标题:vue项目配置404项目

      本文链接:https://www.haomeiwen.com/subject/fdkdaktx.html