vue项目,访问路径#号的问题详解


本文摘自PHP中文网,作者coldplay.xixi,侵删。

刚入手vue,有好多的疑问,目前遇到的是vue项目启动之后,输入http://ip:port,我发现浏览器里面显示的地址栏竟然是http://ip:port/#/,这个”/#/“不知道是什么东西,于是百度查了一下。

原因:对于vue开发的单页面应用,我们在切换不同的页面的时候,可以发现html永远只有一个,这也正是称之为单页面的原因。而vue-router默认hash模式--------使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。因为对于正常的页面来说,更换url一定是会导致页面更换的,而只有更换url中的查询字符串和hash值的时候才不会重新加载页面。

如果不想要#,可以使用路由的history模式,这种模式充分利用了history.pushState API来完成URL的跳转而不需要重新加载页面,使用这种模式之后,就没有#了,而是可以像使用正常的url进行访问了。   

1

2

3

4

const router = new VueRouter({

 mode: 'history',

 routes: [...]

})

补充知识:vue运行同时被localhost和ip地址访问

阅读剩余部分

相关阅读 >>

vue 轻量级图表组件

浅谈vue中axios的封装

vue中disabled 的用法

vue返回上一页效果(this.$router.go)

vue兄弟组件传值有哪五种方法

vue中怎么使用layui

vue.js前端框架有哪些特点

vue使用import()提示语法错误怎么办

vue能用bootstrap吗

vue $on是什么意思

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...