浅谈vue项目,访问路径#号的问题

浅谈浅谈vue项目项目,访问路径访问路径#号的问题号的问题

主要介绍了浅谈vue项目,访问路径#号的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来

看看吧

刚入手vue，有好多的疑问，目前遇到的是vue项目启动之后，输入http://ip:port，我发现浏览器里面显示的地址栏竟然是

http://ip:port/#/，这个”/#/“不知道是什么东西，于是百度查了一下。

原因：对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也正是称之为单页面的原

因。而vue-router默认hash模式--------使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。因为

对于正常的页面来说，更换url一定是会导致页面更换的，而只有更换url中的查询字符串和hash值的时候才不会重新加载页

})

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

在index.js文件下修改host内容，localhost改为本机ip

host: '192.168.X.XX',// can be overwritten by process.env.HOST

port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

autoOpenBrowser: true,

errorOverlay: true,

notifyOnErrors: true,

poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

在package.json文件中dev内容后面加–host0.0.0.0