VUE 进行微信支付，解决 微信支付URL未注册

使用history方式

比较坑吧就不吐槽了，说下实现方式

需要解决问题:

1.因为我的微信支付授权路由是:m.xxxx.com，this.$router.push(‘xxx’)之后经常出现 【微信支付URL未注册】
2.有三个页面进入微信支付 分别是【待付款 ， 订单提交 ， 订单详情】有时页面经常使用this.$router.push(‘xxx’)会把页面路径修改

方案:

1.配置vue路由，这里有点投机，没有配置子路由

//引入：
import Vue from 'vue'
import Router from 'vue-router'
import wechat from './../src/components/pay/wechat.vue'

//设置
const router = new Router({
  mode: 'history',
  routes: [
     {path: '/paywechat' ,component:wechat, name:'wechat' }, //微信支付
  ]
})

2.（待付款 ， 订单提交 ， 订单详情）3个进行支付页面跳转支付

window.location.href="/paywechat?orderid="+this.orderid;

3.微信支付页面使用this.$router.query.orderid 接受订单ID，当然如果你的传递参数比较多写几个参数进行传递

let id = this.orderid =  this.$route.query.orderid;
      let id = this.orderid =  this.$route.query.orderid;
      //判断是否正确页面，如果不是讲进行刷新页面
      if(this.$route.fullPath.indexOf('/paywechat?orderid=') < 0){
        window.location.href="/paywechat?orderid="+id;
      }