Vue 单页面开发----实战四 本地测试微信JS-SDK打开扫一扫

微信H5开发使用微信JS-SDK打开扫一扫已经做过了，但是在vue中使用却懵逼了。不知道如何本地测试。

经过一番研究，终于找到了解决办法：

1：还是需要利用穿透来实现。穿透搭建

2：更改vue项目的配置。

devServer: {
    disableHostCheck: true  //禁止检查host头
  }

添加上面的代码，不然回报‘Invalid Host header’问题。

3：ngrok穿透监听的端口号要和vue项目的端口号保持一致。

然后去修改微信后台配置的js安全域名。 具体功能如何实现网上很多，就不用细说了。关键是本地如何测试，这个很蛋疼。