如何去掉vue路径中的“#”号
侧边栏壁纸
  • 累计撰写 269 篇文章
  • 累计收到 275 条评论

如何去掉vue路径中的“#”号

Karry Bai
2022-04-11 / 0 评论 / 80 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年04月11日,已超过79天没有更新,若内容或图片失效,请留言反馈。

如何去掉vue路径中的“#”号
我们在vue项目中使用vue-router时,路径中会有 # 号,这样看着也不舒服(例如“http://localhost:3000/#/”)。其实是因为路由有两种模式 hash 和 history,我们平时直接使用的是默认的hash,所以路径会有 # 号,因此我们只需要修改成 history 就可以了,如下图:
https://img-blog.csdnimg.cn/20201012100810807.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhYnlfZGV3bw==,size_16,color_FFFFFF,t_70#pic_center

接下来就改了下vue-router的模式

export default new Router({
  mode: 'history',
  routes: [
   ... 
  ]
})

改成‘history’模式,‘#’就去掉了,很开心。
然而打完包以后,页面是空白页。
然后有修改了下路径

[参考地址1]:https://blog.csdn.net/baby_dewo/article/details/109022595
[参考地址2]:https://blog.csdn.net/weixin_39673051/article/details/111496340

0

评论 (0)

取消