feat(router): 更新支付成功页面路由并调整相关逻辑

- 修改支付成功页面路由，增加订单号参数
- 更新 PaySuccess 组件以使用路由参数中的订单号
- 移除支付成功页面的动态标题显示，固定为"支付成功"
- 设置 API 接口前缀为 /server

.env.production

@@ -2,7 +2,7 @@
 # 项目访问目录
 VITE_PUBLIC_PATH=/
 # API 接口前缀
-VITE_GLOB_API_URL_PREFIX=
+VITE_GLOB_API_URL_PREFIX=/server
 
 # 是否删除console
 VITE_DROP_CONSOLE=true

src/router/daxpay.ts

@@ -59,7 +59,7 @@ export const DaxPayRoute: RouteRecordRaw = {
       },
     },
     {
-      path: '/paySuccess',
+      path: '/paySuccess/:orderNo',
       name: 'PaySuccess',
       component: () => import('@/views/daxpay/result/PaySuccess.vue'),
       meta: {

src/views/daxpay/result/PaySuccess.vue

@@ -4,7 +4,7 @@
       <img v-if="isWeiPay === 'wei'" src="@/assets/images/weiSuccess.png" alt="">
       <img v-else src="@/assets/images/success1.png" alt="">
       <p :class="{ textColor: isWeiPay === 'wei' }">
-        {{ title ? title : "支付成功" }}
+        支付成功
       </p>
     </div>
     <div class="payPrice">
@@ -39,13 +39,15 @@
 </template>
 
 <script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router'
+import { useRoute } from 'vue-router'
 import { getSuccessOrder } from '@/views/daxpay/aggregate/Aggregate.api'
 import type { paySuccess } from '@/views/daxpay/aggregate/Aggregate.api'
 import { getBrowserUA } from '@/utils/uaUtil'
 // 获取路由参数
+
 const route = useRoute()
-const { title, orderNo } = route.query
+
+const { orderNo } = route.params
 const orderAndConfig = ref<paySuccess>()
 const isWeiPay = ref<string>()