微信扫描登录如何配置重定向url

Question

electron-vue3 使用vx-login 微信扫码登录 本地的话怎么配置重定向路径 ，现在配置的是localhost:9080，打开vscode就可以使用,关闭后不能使用，打包出去 其他电脑也不能使用

Answer 1

在电子应用中使用 vx-login 组件时，你需要确保在本地或部署环境中正确配置了重定向 URL。

1. 在微信开放平台中配置授权回调域名或 IP 地址，将其设置为你应用的主机名或 IP 地址。例如，如果你的主机名是 localhost，则应将其添加到授权回调域名列表中。

2. 在 electron-vue3 代码中添加一个路由路径以响应微信登录回调请求。例如，你可以创建一个名为 /wechat-callback 的路由路径。

3. 将 vx-login 组件的回调 URL 配置为 http://localhost:9080/wechat-callback（请根据实际情况修改端口号和路由路径）。这样当用户扫描二维码并授权后，微信会自动将回调地址指向该 URL。

4. 当用户授权成功后，微信将返回一个带有授权码的请求。在 /wechat-callback 路由处理程序中，你需要从该请求中提取授权码，并将其发送到后端服务器以获取访问令牌和用户信息。

5. 最后，你需要将后端服务器的回调 URL 添加到微信开放平台的授权回调域名列表中，以便能够继续完成用户登录流程。