如何去掉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

标签: vue, vue 去掉路由#

添加新评论