修改hosts文件在本地调试微信JS-SDK

1、修改hosts文件

路径：c:\windows\system32\drivers\etc

 

2、打开测试公众号填写第一步修改的域名地址

JS接口安全域名

3、工程文件，vue.config.js

  devServer: {
    open: flase,

    disableHostCheck: true,

    //手机局域网
    // host: "192.168.43.223", 

    host: "example.com",//对应自己域名

    port: 80,

    https: false,

    hotOnly: false, // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#configuring-proxy

    proxy: {
      '/api': {
        target: 'https://example.com', //对应自己的接口
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          // '^/cmbc': ''
        }
      }
    }
    // proxy: 'http://192.168.1.106:2001'

    // before: app => {}
  }

这样就可以在微信开发者工具调试啦！

（但是微信支付还是要线上才能调试，目前还没研究出来，如果有研究出来的小伙伴欢迎补充）