vue-cli3 路由history设置


1.vue的mode 模式主要有两种,默认是hash模式,另一种是history模式,hash模式与history形式上的不同,hash会导致url上多了#/,而history没有。

2.vue hash模式带#/对开发造成的影响主要有以下四种情况。

(1)微信三方登录回调地址,有#号时,接收不到code参数

(2)微信H5支付的回调地址,不允许有#

(3)App分享,处理特殊字符时,可能会对#进行编译

  (4)有点影响美观

3.history 模式的相关设置

const router = new VueRouter({
  mode:'history',//history设置
  // base:'/',
  routes
});
//vue.config.js
 publicPath: "/",//history模式下publicPath: "/",hash模式下publicPath: "./"

4.nginx配置history模式支持


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM