Vue-router mode设置和404页面处理

 mode的两个值

histroy:当你使用 history 模式时，URL 就像正常的 url，例如  https://www.jianshu.com/ ，也好看！

hash:默认’hash’值，但是hash看起来就像无意义的字符排列，不太好看也不符合我们一般的网址浏览习惯。

histroy 模式

hash 模式

404页面的设置

新建404页面

在/src/components/文件夹下新建一个Error.vue的文件。简单输入一些有关错误页面的内容。

设置路由配置文件（/src/router/index.js）：

这里的 path:"*" 就是找不到页面时的配置，component是我们新建的一个Error.vue的文件。

在任意 .vue 文件中，随便写一个错误的 <router-link> 

在页面中点击该错误路径会跳转到 Error 404 页面