Vue路由自动添加#的问题及解决
更新时间:2022年10月09日 16:13:32 作者:LeBRON12234
这篇文章主要介绍了Vue路由自动添加#的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
Vue路由自动添加#
在使用VueRouter时,配置了几个路由规则
尝试在浏览器中输入路由地址(/order,/person等)来测试Vue组件是否跳转成功,发现浏览器总是自动在最后添加#/home,导致跳转失败。
将路由模式设置为history,问题解决。
Vue路由去除 链接 / 前面的 #
在创建router实列化的地方添加mode模式即可
const router=new VueRouter({
mode: 'history', // 添加了mode 为history模式
routes
})
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vite中如何使用@ 配置路径别名
这篇文章主要介绍了vite中如何使用@ 配置路径别名,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-12-12
vue里面如何使用图片的懒加载
这篇文章主要介绍了vue里面如何使用图片的懒加载,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-10-10
Vue 项目代理设置的优化
这篇文章主要介绍了Vue 项目代理设置的优化功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
2018-04-04
vue实现At人文本输入框示例详解
这篇文章主要为大家介绍了vue实现At人文本输入框示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2022-09-09
vue实现动态给data函数中的属性赋值
这篇文章主要介绍了vue实现动态给data函数中的属性赋值,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-09-09
Vue表单快速上手
工作中vue表单使用的最多的莫过于input、textarea、select等,原生js的基础上vue通过双向数据绑定等,实现了自己独有的一套指令,这是react中没有的部分,也算是vue的一大特色
2022-09-09
最新评论