vue的mode: 'history'模式

Posted yegeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的mode: 'history'模式相关的知识,希望对你有一定的参考价值。

1 const router = new VueRouter({
2   mode: ‘history‘,
3   routes: [...]
4 })

不用mode: ‘history‘的时候,页面url地址后面会加上一个“#”(官方文档说这样需要后台配置参考地址  https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90)

使用mode: ‘history‘的时候,页面上的url就是正常的地址

以上是关于vue的mode: 'history'模式的主要内容,如果未能解决你的问题,请参考以下文章

mode: 'history', 去掉路由地址的#

vue-router 的默认hash 改mode:history去除#号 传参

Vue下路由History mode导致页面无法渲染的原因

Vue-router 中hash模式和history模式的关系

hash和history

2021-12-13 vue-router history mode nginx 配置方式