07 配置404页面

新建src/views/404.vue，作为用户访问不存在页面时自动跳转的页面。

404页面

在src/router/index.js中配置404页面，使用Vue Router的动态匹配即可。

import NotFound from "@/views/404.vue";

// 路由列表

const routes = [

// 404 页面

// 将匹配所有内容并将其放在 `$route.params.pathMatch` 下

{

path: "/:pathMatch(.*)*",

name: "NotFound",

component: NotFound,

},

];