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

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

 

原效果:

去除Vue访问链接含有#号解决方案_第1张图片

 

解决方案:

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

去除Vue访问链接含有#号解决方案_第2张图片

 

2、配置Nginx 

location / {
  root /Users/Zion/Sites/vant/dist/; 
  index index.html index.htm;
  try_files $uri $uri/ /index.html;
}
 
注意:/Users/Zion/Sites/vant/dist/  这个目录为vue-cli打包的本地目录地址,这个自行更改成自己的目录地址
 
 
3、打包访问
 
去除Vue访问链接含有#号解决方案_第3张图片

 

 解答文章 :官方链接

 

转载于:https://www.cnblogs.com/zion0707/p/10478388.html

你可能感兴趣的:(javascript,运维,java)