vue-router——404页面

如果你的url输入错误的话，如何让你自动路由到404页面呢

首先写一个404页面组件，可以命名为NotFound.vue

<template>
<h2>我找不到页面</h2>
</template>

然后在index.js中导入组件，并且添加路由

import NotFound from '../views/NotFound'

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    //使用正则的方式,匹配任意的
    { path:'/:path(.*)' ,component: NotFound}
]

结果如下

我们输入一个我们路由导航里没有的路由，就会显示我们设置的404页面