f

src/views/Register.vue

@@ -6,11 +6,13 @@ import { useAgentStore } from '@/stores/agentStore'
 import { useUserStore } from '@/stores/userStore'
 import { useRoute, useRouter } from 'vue-router'
 import useApiFetch from '@/composables/useApiFetch'
+import { useAliyunCaptcha } from '@/composables/useAliyunCaptcha'
 
 const router = useRouter()
 const route = useRoute()
 const agentStore = useAgentStore()
 const userStore = useUserStore()
+const { runWithCaptcha } = useAliyunCaptcha()
 
 const phoneNumber = ref('')
 const verificationCode = ref('')
@@ -69,25 +71,26 @@ async function sendVerificationCode() {
         return
     }
 
-    const { data, error } = await useApiFetch('auth/sendSms')
-        .post({ mobile: phoneNumber.value, actionType: 'agentApply' })
-        .json()
-
-    if (data.value && !error.value) {
-        if (data.value.code === 200) {
-            showToast({ message: "获取成功" });
-            startCountdown()
-            // 聚焦到验证码输入框
-            nextTick(() => {
-                const verificationCodeInput = document.getElementById('verificationCode');
-                if (verificationCodeInput) {
-                    verificationCodeInput.focus();
-                }
-            });
-        } else {
-            showToast(data.value.msg)
+    // 使用阿里云滑块验证码保护发送短信接口
+    runWithCaptcha(
+        (captchaVerifyParam) => useApiFetch('auth/sendSms')
+            .post({ mobile: phoneNumber.value, actionType: 'agentApply', captchaVerifyParam })
+            .json(),
+        (result) => {
+            if (result && result.code === 200) {
+                showToast({ message: "获取成功" });
+                startCountdown();
+                nextTick(() => {
+                    const verificationCodeInput = document.getElementById('verificationCode');
+                    if (verificationCodeInput) {
+                        verificationCodeInput.focus();
+                    }
+                });
+            } else if (result) {
+                showToast(result.msg || "发送失败");
+            }
         }
-    }
+    );
 }
 
 function startCountdown() {