開發環境本地調試微信jssdk

1.首先在配置文件vue.config.js里修改：

devServer:{
      port:80,//  ====>> 生產環境的域名端口號，一般默認為80
      host:'www.baidu.com'  // ====>> 映射生產環境的域名
}

2.其次，在初始化jssdk的地方修改:

wx.config({
          debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
          appId: 12345678, // 必填，公眾號的唯一標識      ====>>> 這里的appId換成生產環境的公眾號appId
          timestamp: res.timestamp, // 必填，生成簽名的時間戳
          nonceStr: res.nonceStr, // 必填，生成簽名的隨機串
          signature: res.signature, // 必填，簽名
          jsApiList: ['chooseImage', 'getLocalImgData', 'scanQRCode'] // 必填，需要使用的JS接口列表
        })
       並且，傳給服務端的url也改成生產環境的域名

3.修改系統文件hosts:
一般情況下路徑是在 C:\Windows\System32\drivers\etc
用適當的方式打開文件，在文件最下面一行加上：
127.0.0.1 www.baidu.com
后面的域名是要映射的域名
4.重啟項目，去微信開發者工具里面可以調試了