vue2.0 微信支付问题

最新推荐文章于 2024-07-23 09:33:36 发布

卷毛12138

最新推荐文章于 2024-07-23 09:33:36 发布

阅读量395

点赞数

分类专栏： vue 微信坑文章标签：微信支付 vue

本文链接：https://blog.csdn.net/qq_39174815/article/details/80505870

版权

vue 微信坑专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近vue 项目中用到了微信支付，安卓机上微信支付闪一下就没了，百思不得其解。

后来用同事的苹果机测试了一下，发现有报错。

安卓微信没有报错，苹果有报错url未注册

提示当前页面未注册？

开始爬坑，经过多方面的查资料，找到了解决方法。

我的支付路径本来是这样的 http://livevcs.vshibo.xin/Live/WatchLive/dist/index.html/index?liveId=123151

然后后端配路径的时候配的是这样 http://livevcs.vshibo.xin/Live/WatchLive/dist/index.html/index

最终的解决方法是应该配成这样 http://livevcs.vshibo.xin/Live/WatchLive/dist/index.html/

授权到最后一级文件夹就可以了。

关注公众号大前端时代获取更多前端知识

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

卷毛12138

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue2.0项目实现微信分享时遇到的几个问题

weixin_39440685的博客

07-11

2029

最近做公司的一个平台项目,需要放到微信上面,在写微信分享功能时遇到了几个坑,现总结一下,以免日后忘记1.分享功能的config和接口的调用写在mounted函数当中2.后台在生成签名的时候需要当前网页的地址,前段传过去的地址一定不要包含#机器后面的部分3.微信的分享的sdk中的link所写的分享出去的地址一定一定是要在安全域名下4.Vue2.0项目打包部署到tomcat下,分享的链接点击后总是40...

Vue2.0实战

qq_42636335的博客

03-06

6766

目录项目初始化 1.vue-cli脚手架初始化项目 2.项目的其他配置 3.项目路由分析 4.完成非路由组件Header和Footer业务 5.完成路由组件搭建 6. Footer组件显示与隐藏 7.路由传参 7.3路由传参面试题 Home模块组件拆分 1.三级联动组件 2.完成其余静态组件 3.postman测试接口 4.axios二次封装 5.接口统一管理 6.nprogress进度条的使用 6. vuex状态管理库 7.完成TypeNav三级联动展示数据业..

参与评论您还未登录，请先登录后发表或查看评论

Vue微信支付

06-22

VueJS微信支付，亲测可用，可用在微信公众号和微信小程序等

vue公众号h5 微信支付

weixin_45575933的博客

10-29

1947

配合文档https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1

vue java 实现微信支付

最新发布

weixin_42487883的博客

07-23

221

以上是一个简单的示例，展示了前端 Vue.js 和后端 Java 如何配合实现微信支付的基本流程。实际项目中，还需要考虑安全性、支付状态的回调处理、异常处理等更多细节。希望这个示例能够帮助你理解如何开始实现微信支付功能。

vue 微信支付

yzxzxf的博客

01-14

242

onBridgeReady(){ var vm = this; window.WeixinJSBridge.invoke( 'getBrandWCPayRequest', { "appId": "", "timeStamp": "", "nonceStr": "", "package": "=", ...

vue微信支付

我是盒饭努力搬砖的码农

09-24

220

VUE H5 JsAPI微信支付 async pay() { let _this = this; //此处调后端接口查询到（appId，timeStamp，nonceStr，package，signType，paySign） let res = await payment(this.recordId);//recordId（自己项目中需要查询的id） if (res.code == 200) { let payD

vue--微信支付

weixin_30551963的博客

07-05

115

1、当前页面没有注册：　　需要登录微信支付商家后台，添加支付路径授权 2、安装　weixin-js-sdk　微信SDK　npm install weixin-js-sdk --save 3、引入import wx from 'weixin-js-sdk'; 4、在created()中执行一个函数获取APPID等参数进行微信授权 fetchGetsignpackageAct...

vue项目用hbuild封装的app调用微信支付，支付宝支付

blingblingBin的博客

02-26

1328

vue项目用hbuild封装的app调用微信支付，支付宝支付 1.打开支付通道 //wxChannel是要在拉起微信支付时带的参数，这个值最好不要放到data函数中去定义，容易出问题（我这边就是会报没有值） //另外会忽视到一点就是应用包名和应用签名，当请求参数没有问题时， //应该在微信开放平台的引用信息里面将打包的app的应用包名和应用签名填入， //且确保两者是一样的，然后清除手机里的缓存，再重新打开app，提交订单支付， //这样就可以拉起微信支付了

基于VUE2.0 聊天机器人！支持ChatGPT、Midjourney画图、flagstudio画图、sd画图

04-03

基于VUE2.0 聊天机器人！支持ChatGPT、Midjourney画图、flagstudio画图、sd画图，微信支付，支付宝支付，易支付，公众号引流，邮件注册，阿里云短信注册,后端代码地址：.zip

springboot+vue+微信小程序打造的商城系统.zip

02-22

4. 订单处理：提交订单，调用微信支付接口进行支付，处理支付结果并更新订单状态。 5. 通知机制：通过微信小程序的消息推送，实现订单状态、优惠活动等信息的实时通知。五、集成测试与部署 1. 单元测试：使用JUnit...

vue功能之“微信支付“

空投在我怀里的博客

03-16

772

一、安装并引用依赖 cnpm i qrcode --save import QRCode from 'qrcode'//通过插件生成二维码二、代码 <template> <div class="order-pay"> <order-header title="订单支付"> <template v-slot:tip> <span>请谨防钓鱼链接或诈骗电话，了解更多</span>

vue中实现微信支付

热门推荐

qq_44845659的博客

01-05

1万+

vue实现微信支付有三种方式，第一种方式是PC端支付，第二种方式是H5支付，第三种方式是微信公众号支付。其中的pc端支付，其实就是调用后端的接口，给后端传一些签名校验，后端直接返回一个支付的二维码图片，H5支付就是手机浏览器的支付，而微信公众号里面的支付我们用的是JSAPI支付，JSAPI支付的调用需要在微信商户平台申请及配置，只有开通了JASPI才有权限实现H5支付。一、pc端支付关于pc端的支付，这块儿是由后端直接返一个支付二维码的图片，前端做展示就好了，关于支付成功的状态，通过轮询订单详情的一个接

vue项目微信支付

weixin_44119645的博客

06-08

1033

js封装微信支付函数

Vue微信网页微信支付

waitting_in_love的博客

10-15

1940

基于Vue框架的微信网页进行微信支付导语一、微信后台配置接口1.配置微信支付的合法地址2.配置JS接口安全域名二、安装微信SDK依赖1.安装2.在需要的页面导入三、在页面中配置SDK四、使用微信支付接口导语作为一个先接触微信小程序再做微信公众号的前端萌新，第一次写微信网页的微信支付，感觉步骤有点繁琐，写篇博客帮助一下有困惑的小伙伴，也防止以后忘记要实现公众号微信支付，最基础的是拥有一个微信服务号、一个微信商户平台账号、一个服务器和域名，且微信服务号绑定了微信商户平台，这些步骤就不细说了一、微信后台配

vue 微信支付及支付宝支付

weixin_45595203的博客

06-21

1508

vue如何实现微信支付及支付宝支付

【Vue】微信扫码支付

weixin_44899940的博客

10-28

1883

vue的微信支付

vue H5 微信支付

08-11

根据提供的引用内容，可以看出实现Vue H5微信支付的关键步骤如下： 1. 在微信支付的开发配置中，将重定向链接的父级目录添加到微信支付平台的开发配置中。例如，如果重定向链接是http://sss/#/ddd/ttt，那么在开发配置中可以添加链接为http://sss/#/ddd/。123 #### 引用[.reference_title] - *1* [h5实现微信支付功能(Vue)](https://blog.csdn.net/qq_41429765/article/details/112061281)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* [vue H5调起微信支付](https://blog.csdn.net/weixin_49813550/article/details/126384163)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *3* [vue微信H5(微信公众号)实现微信支付功能](https://blog.csdn.net/sunbeibei00000/article/details/126981059)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]