微信支付对接:vue前端调起支付时,提示error ‘WeixinJSBridge‘ is not defined,已解决

这篇具有很好参考价值的文章主要介绍了微信支付对接:vue前端调起支付时,提示error ‘WeixinJSBridge‘ is not defined,已解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 一、问题现象

    最近做项目,接到一个移动端微信支付的需求,说实话,之前对接过很多与微信相关的需求,但做支付还是第一次,所以在这个过程中也遇到了很多问题,着实有点烧脑,但最终还是顺利的解决了,这中间也积累了一些经验,后面抽时间一一写来供有缘人参考。

   今天主要说的问题是微信支付对接:jsapi下单成功之后,前端vue调起支付,运行时提示error ‘WeixinJSBridge‘ is not defined

   前端调起支付代码如下:

weixinjsbridge is not defined,X.接口对接,vue.js,前端,微信

    运行npm run serve时,提示error  'WeixinJSBridge' is not defined,使得我们无法调试也无法发布,无法验证功能。究竟改如何解决?

   运行npm run serve报错如下:

weixinjsbridge is not defined,X.接口对接,vue.js,前端,微信

二、问题原因

    WeixinJSBridge需在微信内置浏览器中使用,在运行npm run serve时,eslint会校验我们的代码书写规范,所以才出现此错误提示。

三、解决办法

    eslint校验代码书写规则方便了我们写代码的规范性,那对于这种情况我们可以通过设置让它跳过该校验,具体如下:

/* eslint-disable */
console.log('这里的代码不会被eslint规则校验');
/* eslint-enable */

例:

weixinjsbridge is not defined,X.接口对接,vue.js,前端,微信

四、eslint更多设置方式

   当然eslint还有很多其他的设置规则,感兴趣的可以看看文章来源地址https://www.toymoban.com/news/detail-860148.html

1.整个文件忽略
// 在文件顶部设置
/* eslint-disable */


2.某一区块忽略
/* eslint-disable */
console.log('这里的代码不会被eslint规则校验');
/* eslint-enable */


3.某一区块的部分规则忽略
/* eslint-disable no-alert, no-console */
alert('忽略alert');
console.log('忽略console');
/* eslint-enable no-alert, no-console */


4.某行忽略
alert('忽略行'); // eslint-disable-line
or
// eslint-disable-next-line
alert('忽略行');


5.某行部分规则忽略
alert('忽略规则'); // eslint-disable-line no-alert, quotes, semi
or
// eslint-disable-next-line no-alert, quotes, semi
alert('忽略规则');


6.git commit 忽略 eslint 校验
git commit --no-verify -m "commit"

到了这里,关于微信支付对接:vue前端调起支付时,提示error ‘WeixinJSBridge‘ is not defined,已解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 对接微信支付接口

    https://pay.weixin.qq.com/wiki/doc/api/index.html 1.准备工作: 在微信上申请服务号类型的公众号,从公众号获取以下数据 appid:微信公众账号或开放平台APP的唯一标识 mch_id:商户号 (配置文件中的partner) partnerkey:商户密钥 2. 根据项目需求选择适合的支付方式,本例使用Native支付方式

    2024年02月13日
    浏览(55)
  • java对接微信支付:JSAPI支付成功之“微信回调”

    承接上一篇微信支付,现在简单说一下 微信支付回调 目录 一、支付回调 二、微信回调地址问题 1.本地/上线测试 2.控制器调用接口(代码) 总结 当用户支付成功之后,支付平台会向我们指定的服务器接口发送请求传递订单支付状态数据 如果你是再本地进行测试,那就需要使用

    2024年02月12日
    浏览(37)
  • 2023微信支付对接全流程

    简单说一下微信支付的几种类型的应用场景以及前提条件 官方文档:https://pay.weixin.qq.com/wiki/doc/apiv3/index.shtml 前提条件: 1.需要一个载体公众号或者小程序,公众号要是服务号不是订阅号。 2.小程序和公众号支付都要认证,要300rmb。 3.需要一个商户号,绑定公众号或者小程序

    2024年02月05日
    浏览(41)
  • 微信小程序支付-java对接微信

     一共是两个方法: 一个方法后台生成预支付订单,得到预支付交易会话标识prepay_id,传给前端,让前端调起小程序支付; 一个是支付回调 目录 一、生成预支付订单  注意: 二、 支付回调         封装参数向微信发送生成预支付交易单请求,微信会返回一个prepay_id,再将

    2024年02月12日
    浏览(47)
  • 微信小程序对接微信支付详细教程

    小程序 微信支付官方文档 https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_11index=2 https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_0.shtml 前提 在进行对接微信支付之前,我们首先需要将以下几点准备好: 申请APPID 申请商户号 小程序开通微信支付,绑定已经申请好的商户号。

    2024年02月09日
    浏览(47)
  • SpringBoot对接小程序微信支付

    目录 前言 一、准备工作 2.1、企业微信小程序开通 2.1.1、获取开发者ID 2.1.2、开通支付功能 2.1.3、关联商户号 2.2、企业商户号的开通 2.2.1、获取商户号mch_id 2.2.2、获取商户API密钥mch_key 二、整体流程 三、后端项目搭建 3.1、统一下单 3.2、支付支付回调 3.3、问题排查 3.4、统一下

    2024年02月04日
    浏览(52)
  • SpringBoot对接微信小程序支付功能开发(二,支付回调功能)

    接着上一篇: SpringBoot对接微信小程序支付功能开发(一,下单功能) 在上一篇下单功能中我们有传支付结果回调地址。 下面是回调接口实现 根据官网给的参数进行业务处理 这就完成了,微信支付回调你的地址,并且把支付的信息传进来,剩下就要根据自己业务进行操作。

    2024年02月11日
    浏览(61)
  • 支付宝,对接沙箱支付(vue2+node.js)

    支付宝沙箱环境,点击进入 1. 扫码登录,进入后如图 2. 进入沙箱,可以看到自己的账号(如下配置) 配置系统默认密钥(需要下载工具) 密钥下载工具配置 依照自己系统,自行选择下载 配置支付宝开放平台密钥工具 生成密钥后,不要关闭程序,在页面沙箱哪里配置系统密

    2024年02月05日
    浏览(64)
  • 微信小程序对接微信支付所遇问题合集

    1. 后端使用微信官方sdk会简单很多,可以看看在第五个大标题上。 2. 相关文档汇总:         1、WxJava - MiniApp Java SDK 4.6.0 API         2、wechatpay-java/README.md at main · wechatpay-apiv3/wechatpay-java · GitHub         3、网络 | 微信开放文档         4、开发指引 - JSAPI支付 | 微信支付商

    2024年04月25日
    浏览(54)
  • 微信支付-超详细java开发-小程序对接

    本文适用于有一定基础的开发者,简单易通。后台用的的是java,我用的是springBoot,其它框架基本同理,前端就是一个简单的demo。微信官方提供了V2和V3两种方式,本文基于V2版支付开发(后续更新V3)。V2和V3版本区别 1.思路介绍 本次以微信小程序开发为例,如果自己想要玩一

    2024年02月09日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包