微信公众号授权登录报redirect_uri错误解决办法

在这里插入图片描述
一般报这个错误就是你的公众平台域名配置有问题,或者是前端的redirect_uri配置合适书写有误,我搞了半天才弄好,网上已经写了很多,我这个就是我前端代码书写有误,首先看一下公众平台的配置

第一步

在这里插入图片描述
找到配置的地方,然后如果你的地址如果是http://www.baidu.com,那么直接在这里写www.baidu.com

第二部

前端代码

let redirect_uri = 'https://www.baidu.com/aa.html' // 你线上部署项目首页,或者其他页面,就是用户授权成功后去到的页面,如果不明白就直接index.html
			let appid = 'wx527bd69b60b3asdf24'
			var url =
			 `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${redirect_uri}&response_type=code&scope=snsapi_base&state=123&connect_redirect=1#wechat_redirect`
			window.location.href = url;
			
			//注意一定要location.href 来跳转
			//跳转返回https://www.baidu.com/?code=123456

成功之后是这样的,中间会返回这个,不用管它,只要可以跳转成功
在这里插入图片描述
然后看一下这个接口请求,成功后就可以拿这个code和后端换token了
在这里插入图片描述
还有不明白的可以留言或者私信,我看到会第一时间回复,如果有写的不好或者不完整的地方,欢迎留言

  • 13
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论
微信公众号redirect_uri参数是指在进行微信公众号二次开发时,用于进行微信授权的回调URL参数。当用户点击同意授权后,微信会将授权码或访问令牌等信息重定向到该URL。 如果在使用redirect_uri参数时出现错误,可以参考以下解决办法: 1. 参考文献中提供了一种解决redirect_uri参数错误的方法,可以查看该链接获取具体解决方案。 2. 参考文献也提供了关于解决微信OAuth2.0网页授权只能设置一个回调域名的问题的方法,你可以参考该链接获取更多信息。 3. 参考文献中提到了微信公众平台接口调试工具,你可以使用该工具来调试和检查你的redirect_uri参数是否正确。 总结来说,微信公众号redirect_uri参数是用于微信授权的回调URL参数,如果出现错误,可以参考上述提到的解决方法来解决。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [微信公众号 redirect_uri 参数错误](https://blog.csdn.net/weixin_43852196/article/details/116660538)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信公众号授权登录redirect_uri参数错误的问题](https://blog.csdn.net/sD7O95O/article/details/126092778)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端攻城狮路飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值