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

刚入手vue，有好多的疑问，当前碰到的是vue项目启动之后，输入http://ip:port，我发明阅读器里面显示的地址栏居然是http://ip:port/#/，这个”/#/“不知道是啥东西，于是baidu查了一下。

缘由：关于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.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

相关学习引荐：js视频教程

以上就是vue项目,拜访途径#号的问题详解的具体内容，更多请关注百分百源码网其它相关文章！