开发环境本地调试微信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.重启项目，去微信开发者工具里面可以调试了