vue路由to from next(Vue路由自动添加#的问题及解决)
导读:Vue路由自动添加# 在使用VueRouter时,配置了几个路由规则...
Vue路由自动添加#
在使用VueRouter时 ,配置了几个路由规则
尝试在浏览器中输入路由地址(/order,/person等)来测试Vue组件是否跳转成功 ,发现浏览器总是自动在最后添加#/home ,导致跳转失败 。
将路由模式设置为history ,问题解决 。
Vue路由去除 链接 / 前面的 #
在创建router实列化的地方添加mode模式即可
const router=new VueRouter({
mode: history, // 添加了mode 为history模式
routes
})
以上为个人经验 ,希望能给大家一个参考 ,也希望大家多多支持本站 。
声明:本站所有文章 ,如无特殊说明或标注 ,均为本站原创发布 。任何个人或组织 ,在未征得本站同意时 ,禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ,可联系我们进行处理 。
创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!