caimei-authentic-www/plugins/jssdk.js

import Vue from 'vue'
import { appId, jsApiList } from '@/configs/jssdk'
const dev = process.env.EVN

Vue.prototype.$wxReady = async function (callback, apiList = []) {
  try {
    const url = window.location.href.split('#')[0]
    // console.log('当前页面地址：', url)
    const res = await Vue.prototype.$http.api.initWxConfig({ url, appId })
    console.log(res)
    const wx = window.wx
    if (!wx) return
    wx.config({
      debug: dev === 'development', // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。
      appId: appId, // 必填，公众号的唯一标识
      timestamp: res.data.timestamp, // 必填，生成签名的时间戳
      nonceStr: res.data.noncestr, // 必填，生成签名的随机串
      signature: res.data.signature, // 必填，签名
      jsApiList: [...jsApiList, ...apiList], // 必填，需要使用的 JS 接口列表
    })
    wx.ready(callback(wx))
    wx.fail(function (error) {
      throw error
    })
  } catch (error) {
    if (dev === 'development') {
      console.warn('jssdk init error：' + error.msg || error.message)
    } else {
      console.warn('jssdk init error')
    }
  }
}