您现在的位置是：网站首页> 编程资料编程资料

Vue路由自动添加#的问题及解决_vue.js_

2023-05-24 328人已围观

简介 Vue路由自动添加#的问题及解决_vue.js_

在使用VueRouter时，配置了几个路由规则

尝试在浏览器中输入路由地址（/order,/person等）来测试Vue组件是否跳转成功，发现浏览器总是自动在最后添加#/home，导致跳转失败。

将路由模式设置为history，问题解决。

在创建router实列化的地方添加mode模式即可

const router=new VueRouter({ mode: 'history', // 添加了mode 为history模式 routes })

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：解决vue中reader.onload读取文件的异步问题_vue.js_