微信服务号VUE单页应用，WX-JSSDK配置踩坑记录

项目环境

微信服务号网页，前后端分离项目，前端采用vue.js+vux搭建，路由采用history模式。
注意：微信后台记得配置好JS安全域名

JSSDK引入

npm i weixin-js-sdk --save

我引入的版本号为1.3.2

建立公用的SDK配置文件wx-sdk.js

这是我配置的这个JS文件的所有代码，下面会分段解释

import wx from 'weixin-js-sdk';  //SDK依赖
import { $http } from './http.js';   //http配置文件
import baseData from './baseData.js';  //公共数据存储对象
      export default {
   	   init(apiList = [],url ) {  //需要使用的api列表
        const u = navigator.userAgent.toLowerCase(),
          isIOS = u.indexOf('iphone')>-1;  //判断是否是ios微信
        return new Promise((resolve,reject)=>{
            $http
              .get('/wechat/portal/jsSignature', {  //从后台获取签名相关的接口
                url: url || (isIOS ? baseData.jsUrl : window.location.href)  //配置签名的URL