微信H5 Redirect_uri参数错误解决方法

Posted 上善若水

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信H5 Redirect_uri参数错误解决方法相关的知识,希望对你有一定的参考价值。


1
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx14127af0bc9fd367&redirect_uri=http%3A%2F%2Ffbh5.wx.pre.qsepay.com%2Fbzinsh5%2Fpersonal%2Ffbwap.htm%3Fsource%3Dwage%26debug%3D1&response_type=code&scope=snsapi_base&state=&connect_redirect=1#wechat_redirect

1.0 引子

如上所示,就是我们报错的url,下面就捋一捋我项目中的使用吧

redirect_uri 在我的项目中一般是取当前项目的url,用于获取授权auth_code


<!--微信 授权都是通过code换取openid   分为 隐式授权(snsapi_base) / 显式授权(snsapi_userinfo)-->
/**
 * 隐式授权(snsapi_base) 不弹窗 (显示授权同意后,可以使用此方式获取用户信息)
 */
function toAuthorize(){
      var URIString=encodeURIComponent(window.location.href);
      window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri="+URIString+"&response_type=code&scope=snsapi_base&state=#wechat_redirect";
}
/**
 * 显式授权(snsapi_userinfo) 弹出 "是否允许该网站获取头像,昵称信息" 确认窗口
 */
function toAuthorizeX(){
      var hrefstr=window.location.href;
      if(hrefstr.indexOf("code=")!=-1){
         hrefstr= hrefstr.substr(0,hrefstr.indexOf("code="));
      }
      var URIString=encodeURIComponent(hrefstr);
       window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri="+URIString+"&response_type=code&scope=snsapi_userinfo&state=#wechat_redirect";

}

2.0 分析错误

2.1 有问题找官网 http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html

2.2 友情提示:

网页授权的域名跟 Redirect_uri 所指向的页面的域名不一致 
比如:你授权的 域名是 http://m.qsepay.com
你网页跳转的 url 是 http://m.qsepay.com/bzinsh5

这两个很明显不是在同一个域名下,你需要把 Redirect_uri 设置为:http://m.qsepay.com/bzinsh5

 





以上是关于微信H5 Redirect_uri参数错误解决方法的主要内容,如果未能解决你的问题,请参考以下文章

微信支付开发出现redirect_uri参数错误的解决方法

微信公众平台,微信网页授权,redirect_uri参数错误,解决方法!

微信公众平台,微信网页授权,redirect_uri参数错误,解决方法!

微信开发 提示 Redirect_uri参数错误解决方法

微信 redirect_uri参数错误 正确的处理

微信开发 支付开发redirect_uri參数错误解决的方法