vue项目调微信的支付问题总揽

1、url授权https://blog.csdn.net/sqz635262108/article/details/79208798

2、支付页面的路由必须是授权域名下的直属路由

3、ios手机端在微信浏览器上只会记录首次进入的页面的额url,所以再调微信支付时导致域名不对，支付失败

解决办法：原因：vue-router无论是hash模式还是历史模式在ios微信浏览器中进入哪个页面复制链接或选择safari打开都是第一次进入的那个页面解决方式：

在需要复制链接或选择safari打开的页面中，去created（）方法中执行replace（）重定向操作。

created () {
    let _href = window.location.href
    if (_href.indexOf('?replace=1') <= -1) {
      window.location.replace(_href + '?replace=1')
    }
    this.getCardInfo()
  },

我一开始曾在

window.location.replace(_href + '/?replace=1')

加了一个 / 然后就报错了

原因是浏览器会以为/下面是一个文件夹呢，就会有问题在路由拦截里处理办法