vue 移动端项目 使用微信支付

Question

问题描述

前提 利用npm i -S weixin-js-sdk 引入微信sdk。在需要的页面import wx from 'weixin-js-sdk'
代码：mounted() {

  console.log(wx)
}
这地方打印出来是

看过别的大佬的回答 没问题，继续 以下是我的代码
var timestamp = new Date().getTime() //后端要求自己生成时间戳

    this.$http.post('此是php的借口', obj).then(r => {
      let data = r.data
      wx.config({
        debug: true, // 开启调试模式,
        appId: data.appid, // 必填，企业号的唯一标识，此处填写企业号corpid
        timestamp: timestamp, // 必填，生成签名的时间戳
        nonceStr: data.nonce_str, // 必填，生成签名的随机串
        signature: data.sign,// 必填，签名，见附录1
        jsApiList: ['chooseWXPay']
      });
      console.log(222);
      alert(222);
      wx.chooseWXPay({
        appId: data.appid, // 必填，企业号的唯一标识，此处填写企业号corpid
        timestamp: timestamp, // 必填，生成签名的时间戳
        nonceStr: data.nonce_str, // 必填，生成签名的随机串
        signType: "MD5",
        package: data.prepay_id,
        paySign: data.sign,
        success: function (res) {
          console.log(res);
          _self.mui.toast('支付成功')
          _self.$router.push({path: '/userdingdan'})
        },
        complete: function (res) {
          console.log(res);
          alert('无论成功或失败都会执行')
          //接口调用完成时执行的回调函数，无论成功或失败都会执行。
        },
        cancel: function (res) {
          console.log(res);
          _self.mui.toast('已取消支付')
        },
        fail: function (res) {
          console.log(res);
          _self.mui.toast('购买失败，请重新创建订单')
        }
      })
      alert(333);
      // });
      wx.error(function (res) {
        console.log(res);
        alert('error报错');
      });
    })
   浏览器测试的。
   

alert都出来了，代码里的console都没有出来。也就是方法没进去吧？
这个不知道是不是微信回的console.log，
重点

success和fail&cancel里面全是这个错误。
然后我就用debugger继续调试。。。然后

来个大佬拯救一下下可好T……T，希望我描述的还算清晰。

Answer 1

我也碰到这种问题，你是怎么解决的后来？？

Answer 2

const wx = window.jWeixin || require('weixin-js-sdk')

Answer 3

你是在微信浏览器里面测试的么… 还有微信支付在本地环境测不了 要域名在公众号白名单