vue.js路由mode配置之去掉url上默认的#方法
比如:http://localhost:8080/#/login路由中间默认带有#
如果需要去掉#,只需将mode的默认值'hash'改为'history'即可。
router.js:
importRouterfrom'vue-router' importroutersfrom'./routers' exportdefault()=>{ returnnewRouter({ routers, mode:'history'//加上这个配置项,url默认的#就不会出现了 }) }
关于mode说明:
默认值:‘hash‘(浏览器)或‘abstract‘(node.js)
可选值:‘hash'|‘history'|‘abstract'
hash:使用URLhash值来作路由。支持所有浏览器,包括不支持HTML5HistoryApi的浏览器。
history:依赖HTML5HistoryAPI和服务器配置。点击查看官方HTML5History模式说明.
abstract:支持所有JavaScript运行环境,如Node.js服务器端。如果发现没有浏览器的API,路由会自动强制进入这个模式。
以上这篇vue.js路由mode配置之去掉url上默认的#方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。