1.先搞一个微信测试公众号

前往微信启用测试公众号

或者你可以通过登录微信公众平台，按照如下步骤也可，但和上面链接是一样的

2.修改【JS接口安全域名】为 127.0.0.1

3.扫码关注测试号

4.修改授权回调域名为127.0.0.1

• 往下划到网页服务/网页账号/网页授权获取用户基本信息 - 点击【修改】
• 修改回调页面域名为 127.0.0.1

5.【important】修改前端项目监听端口为80,且不要开https

• 回到代码，修改你的前端项目本地监听为80端口

以vite.js构建的项目为例，修改server.port配置。如果你是webpack或其他构建工具按需调整即可。

import { defineConfig } from "vite";
export default defineConfig({
  envDir: "env",
  server: {
    host: true,
    port: 80,
  }
  })

6.打开微信开发者工具

• 在地址栏输入 127.0.0.1

• 根据微信官方文档实现自己的微信授权，检查是否成功调取到了微信的jsSDK或者webAPI

我遇到了这些问题

redirect_uri 参数错误

• 你的前端项目端口需要修改监听为80端口 原因：微信的回调检测不允许有端口号。

微信跳转二次认证

微信授权后再次进入导致本地测试环境中微信提示redirect_url 错误 微信获取code的授权同意后会跳转到 connect/oauth2/authorize_reply导致此错误

可能是因为微信风控的原因，你是否过于频繁的调用了微信的授权接口？建议放一边，明天就正常了。 但是需要注意的是，为了避免在调试过程中过于频繁的调用了微信的接口，你可以做本地mock或使用其他工具代理微信的接口，防止过于频繁被临时风控