微信公众号开发-公众号支付-设置支付授权目录
<p><img src="https://images2015.cnblogs.com/blog/129964/201705/129964-20170522230434023-16929543.png"></p><p> </p>
<p>我们先看规则：</p>
<ul class=" list-paddingleft-2">
<li>
<p>1、所有使用公众号支付方式发起支付请求的链接地址，都必须在支付授权目录之下；</p>
</li>
<li>
<p>2、最多设置5个支付授权目录，且域名必须通过ICP备案；</p>
</li>
<li>
<p>3、头部要包含http或https，须细化到二级或三级目录，以左斜杠“/”结尾。</p>
</li>
</ul>
<p>前两条比较容易理解，</p>
<p>但是看到第三条的时候有一些蒙圈有木有？如果有，请继续往下看</p>
<p>然后就各种搜索，搜出来的文章会让你更加蒙圈有木有？大多数文章都是写微信支付的坑，但是对于解决方法却是语焉不详。</p>
<p>-------------------------------------分割线----------------------------------------</p>
<p>本人当前项目使用vue全家桶做微信H5 开发，一个SPA应用，其中有用到公众号的微信支付。在支付授权目录上也是折腾了很久。</p>
<p>回到支付授权目录的设置第三条上面，这句话本身写得确实让人看不明白，甚至会将人引入歧途。</p>
<p>第一次调用Weixin.chooseWXPay时弹出的提示是{“errMsg”:”chooseWXPay:fail”}，是的，没有一点多余的信息，最后查文档才发现是没有配置微信支付授权目录。</p>
<p>配置的具体规则是这样的：</p>
<p>1、比如：调用以上JSSDK的页面地址为 http://a.b.com/pay/weixin/c.html，</p>
<p>那么：授权目录配置为 http://a.b.com/pay/weixin/，</p>
<p>2、比如：调用以上JSSDK的页面地址为 http://a.b.com/pay/weixin，</p>
<p>那么：授权目录配置为 http://a.b.com/pay/</p>
<p>3、比如：调用以上JSSDK的页面地址为 http://a.b.com/pay，</p>
<p>那么：授权目录配置为 http://a.b.com/</p>
<p>4、如果有QueryString，自动忽略</p>
<p>比如：调用以上JSSDK的页面地址为 http://a.b.com/pay/weixin/c.html？name=mango，</p>
<p>那么：授权目录配置为 http://a.b.com/pay/weixin/</p>
<p> </p>
<p>可是，我这是基于vue的SPA，</p>
<p>亲测将支付授权目录配置为域名即可。</p>
<p>比如：调用以上JSSDK的页面地址为 http://a.b.com/#/pay/weixin/c.html？name=mango，</p>
<p>那么：授权目录配置为 http://a.b.com/</p>
<p> </p>
<p>本文转载自：https://www.juchengvi.com/looknews/133</p><br><br>
来源：https://www.cnblogs.com/jucheng/p/13553633.html
頁:
[1]