美文网首页vue.js随笔-生活工作点滴
Vue-router mode设置和404页面处理

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

作者: Rising_life | 来源:发表于2019-07-14 21:24 被阅读0次

 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 页面

相关文章

网友评论

    本文标题:Vue-router mode设置和404页面处理

    本文链接:https://www.haomeiwen.com/subject/vanrkctx.html