众所周知使用公众号sdk必须在微信公众平台进入“公众号设置”的“功能设置”里填写的“JS接口安全域名”下,那在开发环境岂不是无法调试?不一定,我们可以改本地hosts文件让域名解析到本地启动的项目地址。
hosts文件在C:\Windows\System32\drivers\etc路径下
使用记事本打开,在文件末尾添加记录。
例如vue开发运行地址是
那么你就可以添加一段记录
192.168.0.108 www.你的安全域名.com
避免hosts未生效可以手动刷新本地dns
window + R输入cmd并Enter,输入
ipconfig /flushdns
然后回到微信开发工具访问获取授权地址,看下是否回调访问你本地项目并带上code参数了😊
例:https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
微信开发文档