环境：vue，vue-cli3
1、修改hosts文件
路径：c:\windows\system32\drivers\etc
127.0.0.1 example.com
2、打开测试公众号填写第一步修改的域名地址
JS接口安全域名
网页授权获取用户基本信息
3、工程文件，vue.config.js
devServer: {
open: process.platform === "darwin",
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 => {}
}
如此大功告成，在微信开发者工具 输入第一步的域名便可直接本地调试授权。
附另一种方法：内网穿透也可实现本地调试。