Vue2 - 详细实现公众号 H5 网页授权登录流程及示例代码，申请测试公众号全流程及本地调试无需部署上线服务器就能直接调起微信登陆授权页面，第三方web公众号网站做微信登录授权拿到用户手机号昵称头像

前言

Vue3 版本，请访问 这篇文章。

在 vue2 | nuxt2 公众号网页开发中，详解微信公众号网页接入微信授权登录示例代码，附带申请测试公众号全流程及配置教程，提供前端h5页面公众号网页实现授权登陆并获取用户昵称头像数据的示例源码，本地测试不会出现 “redirect_url参数错误”，用自己项目跑出来的本地局域网 IP 段就可以拉起公众号网页授权询问框，不用部署到线上服务器了，解决各种常见网页授权问题（例如无法调起授权页、授权提示报错、无法获取用户信息、跨域无法打开等）

跟着教程配置好后，复制示例代码运行即可

---

如下图所示，开发阶段利用测试公众号调试，等对接测试好了直接换上正式公众号。

申请 - 测试公众号

为了能让调试开发阶段在本地就能完成，需要使用测试公众号。