当前位置: 首页 > article >正文

前端实现支付跳转以及回跳

在这里插入图片描述

// 支付地址
const baseURL = 'http://pcapi-xiaotuxian-front-devtest.itheima.net/'
const backURL = 'http://127.0.0.1:5173/paycallback'
const redirectUrl = encodeURIComponent(backURL)
const payUrl = `${baseURL}pay/aliPay?orderId=${route.query.id}&redirect=${redirectUrl}`

<a class="btn alipay" :href="payUrl"></a>

在这里插入图片描述

点击支付 a 标签跳转到支付页面进行支付。

输入账号密码支付完成之后会回跳到回跳地址。

在这里插入图片描述


http://www.kler.cn/a/232137.html

相关文章:

  • 【C++】C++11
  • VSCode的配置与使用(C/C++)
  • 【电视盒子】HI3798MV300刷机教程笔记/备份遥控码修复遥控器/ADB/线刷卡刷/电视盒子安装第三方应用软件
  • Linux C\C++方式下的文件I/O编程
  • Nginx location 和 proxy_pass 配置详解
  • 通信协议—WebSocket
  • 【前端高频面试题--Vue路由篇】
  • 微信小程序 民宿预订租赁系统uniApp
  • NLP中的嵌入和距离度量
  • qss的使用
  • iOS 需求 多语言(国际化)App开发 源码
  • [HTTP协议]应用层的HTTP 协议介绍
  • 从零开始 TensorRT(3)Python 篇:解析 ONNX、PyTorch TensorRT 接口
  • vue使用Mars3d弹框嵌套video视频/实时视频(flv) 使用jessibuca.js播放器
  • CTFshow web(php命令执行 45-49)
  • k8s 部署java应用 基于ingress+jar包
  • Flask基础学习
  • 高仿原神官网UI 纯html源码
  • 【C++11】统一初始化 和 initializer_list
  • 微信小程序新手入门教程四:样式设计
  • 自然语言处理(NLP)——使用Rasa创建聊天机器人
  • 测试管理_利用python连接禅道数据库并自动统计bug数据到钉钉群
  • 输入:123 输出321
  • 【大厂AI课学习笔记】【1.5 AI技术领域】(7)图像分割
  • 分布式存储中常见的容错机制:多副本、纠删码(RS、LRC、SHEC)
  • 修复 Java 异常 Java.IO.NotSerializableException