去除Vue访问链接含有#号解决方案

277 阅读1分钟

vue-roater默认是hash模式,访问后带#

================================

1、在路由表中设置一个属性和参数 mode:'history'

vue-cli 进行项目开发的时候,Vue 跳转的url含有#号,有时候在授权的时候很受影响,那么就想找个方法把#号去除掉。

2、配置Nginx 

 location / {   

   root /Users/Zion/Sites/vant/dist/;  

   index index.html index.htm;   

   try_files uriuri uri/ /index.html;

 } 

 注意:/Users/Zion/Sites/vant/dist/ 这个目录为vue-cli打包的本地目录地址,这个自行更改成自己的目录地址

解决路由history模式下刷新404问题 

可使用以上第2步解决。