vue找不到页面自定义404页面

在vue项目中，如果不做路由处理的话，用户可以直接在url随意输入跳转页面，

默认的时候我们是并没有什么处理。

现在需要做一个自定义的404找不到页面的处理方式。

1.在router文件夹下的index.js中添加

{
  path: '/:catchAll(.*)',
  name: '404',
  // route level code-splitting
  // this generates a separate chunk (about.[hash].js) for this route
  // which is lazy-loaded when the route is visited.
  component: () => import(/* webpackChunkName: "about" */ '../views/error/404.vue')
},

 

 

然后我们在views文件夹下新建一个404页面，把上边的文件路径改为自己的

在404页面我们就可以设定自己想要的样式了。