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)