用来记录访问微信JS-SDK的坑。以后第一次方便查询接入公众账号微信进行支付、分享、定位等坑的时候，心里又迷茫又害怕。因为，听说有很多坑，后来发现我亲身经历过这个。

付款坑

1.当前的网址没有注册

问题：微信微信官方账号H5开始支付时，点击支付按钮出现提示“当前页面网址未注册”。

解决方案：自2017年8月1日起，微信正式向商户平台转移支付相关信息：公众平台微信支付微信官方账户支付授权目录、扫码支付回拨URL配置入口于8月1日迁移至商户平台(pay.weixin.qq.com)。

因此，请输入以下位置：

登录微信商户平台-产品中心-开发配置，配置支付授权路径。如果支付页面在域名/pay.html中，请在此处添加授权路径。如果我的支付页面在www.weixinPay.com/pay.html,则授权目录配置为http ://www . weixipay.com/

Tip:注意：必须添加以下/表示微信的支付界面可以在该路径下的所有页面上调用。

2.如果还是按照上面弹出来的，目前的网址没有注册是因为微信支付到spa项目的哈希路由兼容性还是不太好。您需要添加一个“？”图3360

代码如下：

watch : { $ route(){ this . directRightUrl()} }，methods : { directRightUrl(){ let { href，协议，主机，路径名，搜索，哈希}=window . location search=search | | '？'让new href=`$ { protocol }//$ { host } $ { pathname } $ { search } $ { hash } ` if(new href！==href){ window . location . replace(new href)} }我根据App.vue文件监控路线。然后在每一页打上问号，虽然会有一些性能消耗。但是方便容易，可以根据自己的页面修改。

微信JS-SDK文档

分享的坑

根据JS-SDK的文档，很多人初始化wx配置的时候，传入的当前URL地址是不正确的。那么它导致下面的结果：

解决方案：请确保后台能够正确返回初始化所需的配置参数

修改前，//letcurrentrl=window . location . href修改后，letcurrentrl=window . location . href . split(' # ')[0]神奇地成功了。

:需要注意的几点

JsApList: []需要添加相应的参数。例如，共享并添加“在menushare时间轴上”、“在menushare appmessage上”。相应界面的具体参数可以参考文档

确保在执行wx.ready()之后调用了所有接口。这就是文件的建议。

定位坑

刚开始定位的时候，内心有点激动。因为我觉得这个功能很高，当然这只是我个人的看法。好吧~，别扯了。

同样的，给微信初始化的jsApList添加相应的参数。然后在wx.ready()函数中执行，但是发现无论第一次怎么进入页面，授权弹出框都无法成功弹出。

后来发现，这一页写完之后。延迟一秒钟获得定位，你将100%成功！可惜父亲有木头。代码如下

这三个坑我目前都遇到过。请稍后写下来。痛苦的经历需要停止

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。