vue项目地址栏携带#问题

我在router已经设置了history模式

img


但是我打开项目一开始还是没有问题

img


但是当我点击一个地方时 就会携带#

img

如图

img

求解答告知 万分感谢!!

代码截全点

基于问题

  1. vue的路由有两种模式 history 跟hash模式
  2. hash模式是原理是onhashchange的监听路由的变更 hash的变化会被浏览器记录下来 所以浏览器前进后退都没有问题 因为是通过push跟pop的方式吧路由压入或者推出
  3. history模式是 修改状态的话用的方法pushState,replaceState
  4. hash不怕刷新或者f5,因为只是局限于前端,history的话会因为刷新或者f5导致页面404
  5. 你在history的模式下 哗然变成hash模式,要么是使用了IE的问题,IE9不识别history模式,自动默认为hash模式,Ie10以上就支持

如果有帮助 请采纳 点赞

我也遇到了一样的问题,我是哈希模式,但是项目过程中要求换成历史模式。只是单单把模式改成history会报错,暂时还没有解决