刚入手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进行访问了。
const router = new VueRouter({ mode: 'history', routes: [...]})
登录后复制
补充知识：vue运行同时被localhost和ip地址访问
立即学习“前端免费学习笔记（深入）”；
在index.js文件下修改host内容，localhost改为本机ip
host: '192.168.X.XX',// can be overwritten by process.env.HOSTport: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determinedautoOpenBrowser: true,errorOverlay: true,notifyOnErrors: true,poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
登录后复制
在package.json文件中dev内容后面加–host0.0.0.0
相关学习推荐：js视频教程
以上就是vue项目,访问路径#号的问题详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2726200.html
