vue项目访问路径#号是什么

  介绍

这篇文章主要介绍vue项目访问路径#号是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

刚入手vue,有好多的疑问,目前遇到的是vue项目启动之后,输入http://ip港口,我发现浏览器里面显示的地址栏竟然是http://ip端口/#,这个“#/辈恢朗鞘裁炊?于是百度查了一下。

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

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

=new VueRouter const路由器({
  模式:& # 39;历史# 39;
  路线:[…]
  })

<>强vue运行同时被localhost和ip地址访问

在索引。js文件下修改主机内容,localhost改为本机ip

主持人:& # 39;192.168.X.XX& # 39;,//可以被process.env.HOST覆盖
  端口:8080//可以被process.env覆盖。港口,如果端口正在使用中,一个免费的alt=" vue项目访问路径#号是什么"> 

vue项目访问路径#号是什么