脚本宝典收集整理的这篇文章主要介绍了vue+微信支付目录+JSSDK签名解决方案,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
注意:此方法仅为个人总结,并非唯一解决方案
vue路由模式 history 模式,有两点好处
微信官方说明如下
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)由此可知,对于vue等SPA应用,Android和IOS 要做不同的处理了
经过反复测试实验,发现以下问题
至此,解决方案已经出炉
问题描述
- 微信支付目录要求最多配置5个目录
- 支付目录 必须细分到二级或以上
支付目录配置规则示例
你的支付目录如下:
例1:http://pandao.github.io/show/base
- 支付配置:http://pandao.github.io/show
例2:http://pandao.github.io/pay/show?a=2&b=3
- 支付配置 http://pandao.github.io/pay/
解决方案
问题描述
vue history模式,需要配合后端服务器配置才能生效
相应的配置示例
Apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
Nginx
location / {
try_files $uri $uri/ /index.html;
}
我采用的nginx的配置
所以我的配置为
location ^~ /weixin/ {
try_files $uri $uri/ /index.html;
}
前言铺垫够多了,下面说说 授权回调的解决方案
以上是脚本宝典为你收集整理的vue+微信支付目录+JSSDK签名解决方案全部内容,希望文章能够帮你解决vue+微信支付目录+JSSDK签名解决方案所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。