我们先看规则：

1、所有使用公众号支付方式发起支付请求的链接地址，都必须在支付授权目录之下；
2、最多设置5个支付授权目录，且域名必须通过ICP备案；
3、头部要包含http或https，须细化到二级或三级目录，以左斜杠“/”结尾。

看到第三条的时候懵逼了都~

项目使用vue全家桶做微信H5 开发，一个SPA应用，其中有用到公众号的微信支付。在支付授权目录上怎么搞 ？？？

回到支付授权目录的设置第三条上面，这句话本身写得确实让人看不明白，甚至会将人误入歧途。

配置的具体规则是这样的：

1、

	比如：调用以上JSSDK的页面地址为 http://a.b.com/pay/weixin/c.html，
	
	那么：授权目录配置为 http://a.b.com/pay/weixin/

2、

	比如：调用以上JSSDK的页面地址为 http://a.b.com/pay/weixin，
	
	那么：授权目录配置为 http://a.b.com/pay/

3、

	比如：调用以上JSSDK的页面地址为 http://a.b.com/pay，
	
	那么：授权目录配置为 http://a.b.com/

4、如果有QueryString，自动忽略

	比如：调用以上JSSDK的页面地址为  http://a.b.com/pay/weixin/c.html？name=mango，
	
	那么：授权目录配置为  http://a.b.com/pay/weixin/

5、基于vue的SPA，

	将支付授权目录配置为域名即可。
	
	比如：调用以上JSSDK的页面地址为  http://a.b.com/#/pay/weixin/c.html？name=mango，
	
	那么：授权目录配置为  http://a.b.com/

参考：https://blog.csdn.net/baidu_19338587/article/details/78866609