标签：微信 修改 地址 hosts 本地 授权 调试

本地运行微信公众号，需要解决登录授权问题，因为本地的url与线上url不一致，导致微信授权时提示redirect_uri参数错误，无法做登录后的本地调试。
网络上有修改hosts和使用工具两种方式，这里记录修改hosts的方法。

接口测试号配置

先去微信平台申请测试号，微信公众号平台
在网页服务 > 网页账号中，点击修改，配置自己的地址，这里可以直接填写线上地址。

启动项目并修改本地hosts

启动项目，拿到本地net网址。
需要注意的是，由于映射的地址不接受端口设置，所以项目中的端口号需要改为默认的80端口。
如果80端口被占用，则需要找到占用程序并将其释放，再启动项目，参考文章。

打开hosts文件，加入配置，打开配置的地址查看是否设置有效。

如果vue项目中出现Invalid Host header的错误，是因为新版webpack-dev-server出于安全考虑，默认检查hostname，若是hostname 没有配置在内的，将中断访问。
需要在vue.config.js文件中新增以下属性：

module.exports = {
  devServer: {
    disableHostCheck: true
  }
}

代码中登录授权地址修改

将登录授权中，跳转授权的页面参数redirect_uri修改为当前访问地址（如这里的www.test.com），配置好当前的appid，就能正常跳转回来并获得code啦

参考

https://blog.csdn.net/yingzhi3104/article/details/102969030

标签：微信,修改,地址,hosts,本地,授权,调试
来源： https://www.cnblogs.com/Naiky/p/16592414.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。