VUE中使用JSSDK时苹果的微信浏览器失败

公司公众号是用vue写的，要在vue中调用扫一扫功能，需用集成微信的JSSDK，秉着刚优化完vue项目的心情，我毫不犹豫的在index.html中引入了JSSDK的js文件没有从npm中去install，然后直接在主页去调用wx.config()方法去配置，然后调用扫码功能都正常，用我的安卓手机测试一遍过美滋滋。

过一天测试说苹果手机微信打开公众号打不开扫码页面，我不信邪的拿苹果手机过来测试，真的打不开扫码，wx.scanQRCode()都没有调用，在wx.config()这个方法中把debug设为true都没有弹每一步的调用alert，我猜大概是因为IOS的微信里面通过js引入过来的JSSDK的时候没有成功引入成功导致的。

我查了一下，微信官方放在NPM中的weixin-js-sdk是为commonjs发布的版本，这个版本需要通过require引入，所以你在vue页面中通过import引入过来的基本上都是undefined，为了方便es6使用，微信发布了一个weixin-jsapi，这个才是我们能在vue中引用的jssdk，在terminal里面

cnpm install weixin-jsapi

成功之后就可以通过import引入了

import wx from 'weixin-jsapi'

这个时候就可以成功的在苹果的微信浏览器中wx.config()了，同时也测试了一下安卓的微信浏览器，也没有问题。