vue路径中去掉#

最近做公司的官网,做好之后老大觉得路径有个“#”太丑了,就做了优化,起初代码加到main.js中了,一直没反应,百度一下都是各种特别麻烦的,今天又重新看了下,发现是自己把代码加错地方了,来这记录一下吧,怕下次被自己蠢哭

在router文件夹下的index.js文件中加入以下代码

const router = new VueRouter({
  mode:'history',
  routes
})

其实就是一行代码,很简单 mode:'history'将路由模式改为history

hash模式的原理是依赖hashchange(地址的变化带动内容的变化)有#号,丑,不优雅

原文地址:https://www.cnblogs.com/wszzj/p/13066008.html