## 如何设置404页面 当**用户输错页面**时，我们希望给他一个友好的提示页面，这个页面就是我们常说的404页面。vue-router也为我们提供了这样的机制。 1. 设置我们的路由配置文件（/src/router/index.js） ~~~ { path:'*', component:Error } ~~~ 这里的`path:'*'`就是输入地址不匹配时，自动显示出Error.vue的文件内容 2. 在/src/components/文件夹下新建一个Error.vue的文件。简单输入一些有关错误页面的内容。 ~~~ <template> <div> <h2>{{ msg }}</h2> </div> </template> <script> export default { data () { return { msg: 'Error:404' } } } </script> ~~~ 此时我们随意输入一个错误的地址时，便会自动跳转到404页面 ### 覆盖所有情况的路由 **你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。** ~~~ export const routes = [ {path: "/", name: "homeLink", component:Home} {path: "/register", name: "registerLink", component: Register}, {path: "/login", name: "loginLink", component: Login}, {path: "*", redirect: "/"}] ~~~ 此处就设置如果URL输入错误或者是URL 匹配不到任何静态资源，就自动跳到到Home页面