uniapp接入微信公众号支付报错URL未注册

Question

#uniapp接入微信公众号支付#
vue用的是hash模式
调支付的页面是: https://a.b.c/e/#/pages/index/index?id=1
商户后台配置的JSAPI授权目录
https://a.b.c/e/
https://a.b.c/e/#/
都是报错 当前页面的 URL未注册:https://a.b.c/e/
偶尔也会报错 当前页面的 URL未注册:https://a.b.c/e/#/pages/index/index

Answer 1

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

---

您好，针对您在使用uni-app开发微信公众号支付功能时遇到的问题，我为您提供以下解决方案：

1. URL未注册问题：出现“当前页面的URL未注册”的错误通常是因为微信支付中心设置的支付授权目录与实际页面URL不一致。根据搜索结果 [^1^]，您需要在微信支付商户平台的“产品中心”->“开发配置”中设置支付授权目录，并确保以“/”结尾。此外，如果使用的是vue的hash模式，可能需要通过location.href进行页面跳转，而不是使用uni.redirect [^1^]。

2. 商户后台配置：确保您的商户后台配置正确，包括支付授权目录和JSAPI授权目录。根据搜索结果 [^5^] 和 [^7^]，登录微信商户平台，在“产品中心”->“开发配置”中添加正确的支付授权路径，并注意路径后面需要加上“/”以表示该路径下的所有页面。

3. uni-app和vue.js中hash模式的影响：在uni-app中使用vue.js的hash模式可能会对支付功能产生影响，因为微信在进行支付授权校验时可能无法正确识别hash模式下的URL。解决方法是使用location.href进行页面重定向，避免使用uni-app的路由跳转。

4. 参考链接：

   • 关于uni-app微信支付的详细配置和流程，可以参考uni-app官网的教程 [^3^]。
   • 如果您需要了解如何在uni-app中实现微信APP支付的全过程，可以查看这篇博客 [^4^]。
   • 对于微信支付中遇到的“当前页面的URL未注册”问题，微信官方社区有详细的解决方案 [^7^]。

希望这些信息能帮助您解决问题。如果还有其他疑问或需要进一步的帮助，请随时告诉我。