f

src/components/Payment.vue

@@ -58,9 +58,32 @@
                     </template>
                 </van-cell>
 
+                <!-- 开发环境：测试支付（仅开发环境显示） -->
+                <van-cell
+                    v-if="isDev"
+                    title="测试支付（开发）"
+                    clickable
+                    @click="selectedPaymentMethod = 'test'"
+                >
+                    <template #icon>
+                        <van-icon
+                            size="24"
+                            name="passed"
+                            color="#07c160"
+                            class="mr-2"
+                        />
+                    </template>
+                    <template #right-icon>
+                        <van-radio
+                            v-model="selectedPaymentMethod"
+                            name="test"
+                        />
+                    </template>
+                </van-cell>
+
                 <!-- 支付宝支付 -->
                 <van-cell
-                    v-else
+                    v-if="!isWeChat"
                     title="支付宝支付"
                     clickable
                     @click="selectedPaymentMethod = 'alipay'"
@@ -94,6 +117,7 @@
 <script setup>
 import { ref, defineProps } from "vue";
 const { isWeChat } = useEnv();
+const isDev = import.meta.env.DEV;
 
 const props = defineProps({
     data: {
@@ -110,9 +134,13 @@ const props = defineProps({
     },
 });
 const show = defineModel();
-const selectedPaymentMethod = ref(isWeChat.value ? "wechat" : "alipay");
+const selectedPaymentMethod = ref(
+    isDev ? "test" : isWeChat.value ? "wechat" : "alipay"
+);
 onMounted(() => {
-    if (isWeChat.value) {
+    if (isDev) {
+        selectedPaymentMethod.value = "test";
+    } else if (isWeChat.value) {
         selectedPaymentMethod.value = "wechat";
     } else {
         selectedPaymentMethod.value = "alipay";
@@ -121,13 +149,6 @@ onMounted(() => {
 const orderNo = ref("");
 const router = useRouter();
 const discountPrice = ref(false); // 是否应用折扣
-onMounted(() => {
-    if (isWeChat.value) {
-        selectedPaymentMethod.value = "wechat";
-    } else {
-        selectedPaymentMethod.value = "alipay";
-    }
-});
 
 async function getPayment() {
     const { data, error } = await useApiFetch("/pay/payment")
@@ -139,10 +160,23 @@ async function getPayment() {
         .json();
 
     if (data.value && !error.value) {
+        const prepayId = data.value.data.prepay_id ?? data.value.data.prepayId;
+        const orderNoFromApi = data.value.data.order_no;
+        orderNo.value = orderNoFromApi;
+
+        // 开发环境测试支付：直接跳转结果页
+        if (selectedPaymentMethod.value === "test" && prepayId === "test_payment_success") {
+            router.push({
+                path: "/payment/result",
+                query: { orderNo: orderNoFromApi },
+            });
+            show.value = false;
+            return;
+        }
+
         if (selectedPaymentMethod.value === "alipay") {
-            orderNo.value = data.value.data.order_no;
             // 存储订单ID以便支付宝返回时获取
-            const prepayUrl = data.value.data.prepay_id;
+            const prepayUrl = prepayId;
             const paymentForm = document.createElement("form");
             paymentForm.method = "POST";
             paymentForm.action = prepayUrl;

vite.config.js

@@ -15,8 +15,8 @@ export default defineConfig({
         strictPort: true, // 如果端口被占用则抛出错误而不是使用下一个可用端口
         proxy: {
             "/api/v1": {
-                target: "http://127.0.0.1:8888", // 本地接口地址
+                // target: "http://127.0.0.1:8888", // 本地接口地址
-                // target: "https://www.tianyuancha.cn", // 本地接口地址
+                target: "https://www.tianyuancha.cn", // 本地接口地址
                 changeOrigin: true,
             },
         },