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

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

在这里插入图片描述

// 支付地址
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.lryc.cn/news/296524.html

相关文章:

  • 黑豹程序员-封装组件-Vue3 setup方式子组件传值给父组件
  • PySpark(三)RDD持久化、共享变量、Spark内核制度,Spark Shuffle、Spark执行流程
  • PCIE Order Set
  • nginx upstream server主动健康检测模块ngx_http_upstream_check_module 使用和源码分析(下)
  • 基于SSM的网络在线考试系统(有报告)。Javaee项目。ssm项目。
  • 【Flink状态管理(二)各状态初始化入口】状态初始化流程详解与源码剖析
  • python+flask人口普查数据的应用研究及实现django
  • C语言:函数
  • jmeter-问题一:关于线程组,线程数,用户数详解
  • golang 通过 cgo 调用 C++ 库
  • 使用 IDEA 开发一个简单易用的 SDK
  • CSS transition(过渡效果)详解
  • Android13多媒体框架概览
  • 一文读懂:MybatisPlus从入门到进阶
  • C语言--------指针(1)
  • Vite 下一代的前端工具链,前端开发与构建工具
  • 【SpringBoot】FreeMarker视图渲染
  • 巴尔加瓦算法图解:算法运用。
  • Docker的镜像和容器的区别
  • 忘记 RAG:拥抱Agent设计,让 ChatGPT 更智能更贴近实际
  • 利用路由懒加载和CDN分发策略,对Vue项目进行性能优化
  • 【Scala】1. 变量和数据类型
  • 何时以及如何选择制动电阻
  • 消息中间件:Puslar、Kafka、RabbigMQ、ActiveMQ
  • Rust开发WASM,浏览器运行WASM
  • Vue3编写简单的App组件(二)
  • java Servlet 云平台教学系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc
  • QT初始程序
  • ubuntu22.04@laptop OpenCV Get Started: 001_reading_displaying_write_image
  • 51单片机之LED灯模块篇