diff --git a/frontend/app.html b/frontend/app.html
index 7410130..a62c9bf 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -1048,7 +1048,7 @@
             </div>
           </div>
           <div style="text-align: right; margin-bottom: 15px;">
-            <a @click="showForgotPasswordModal = true" style="color: #667eea; cursor: pointer; font-size: 14px; text-decoration: none;">
+            <a @click="showForgotPasswordModal = true; refreshForgotPasswordCaptcha()" style="color: #667eea; cursor: pointer; font-size: 14px; text-decoration: none;">
               忘记密码？
             </a>
           </div>
diff --git a/frontend/app.js b/frontend/app.js
index 4ded9ae..28cefff 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -516,6 +516,10 @@ handleDragLeave(e) {
       this.isLogin = !this.isLogin;
       this.errorMessage = '';
       this.successMessage = '';
+      // 切换到注册模式时加载验证码
+      if (!this.isLogin) {
+        this.refreshRegisterCaptcha();
+      }
     },
 
     async handleLogin() {
@@ -619,23 +623,51 @@ handleDragLeave(e) {
     },
 
     // 刷新验证码（登录）
-    refreshCaptcha() {
-      this.captchaUrl = `${this.apiBase}/api/captcha?t=${Date.now()}`;
+    async refreshCaptcha() {
+      try {
+        const response = await axios.get(`${this.apiBase}/api/captcha?t=${Date.now()}`, {
+          responseType: 'blob'
+        });
+        this.captchaUrl = URL.createObjectURL(response.data);
+      } catch (error) {
+        console.error('获取验证码失败:', error);
+      }
     },
 
     // 刷新注册验证码
-    refreshRegisterCaptcha() {
-      this.registerCaptchaUrl = `${this.apiBase}/api/captcha?t=${Date.now()}`;
+    async refreshRegisterCaptcha() {
+      try {
+        const response = await axios.get(`${this.apiBase}/api/captcha?t=${Date.now()}`, {
+          responseType: 'blob'
+        });
+        this.registerCaptchaUrl = URL.createObjectURL(response.data);
+      } catch (error) {
+        console.error('获取验证码失败:', error);
+      }
     },
 
     // 刷新忘记密码验证码
-    refreshForgotPasswordCaptcha() {
-      this.forgotPasswordCaptchaUrl = `${this.apiBase}/api/captcha?t=${Date.now()}`;
+    async refreshForgotPasswordCaptcha() {
+      try {
+        const response = await axios.get(`${this.apiBase}/api/captcha?t=${Date.now()}`, {
+          responseType: 'blob'
+        });
+        this.forgotPasswordCaptchaUrl = URL.createObjectURL(response.data);
+      } catch (error) {
+        console.error('获取验证码失败:', error);
+      }
     },
 
     // 刷新重发验证邮件验证码
-    refreshResendVerifyCaptcha() {
-      this.resendVerifyCaptchaUrl = `${this.apiBase}/api/captcha?t=${Date.now()}`;
+    async refreshResendVerifyCaptcha() {
+      try {
+        const response = await axios.get(`${this.apiBase}/api/captcha?t=${Date.now()}`, {
+          responseType: 'blob'
+        });
+        this.resendVerifyCaptchaUrl = URL.createObjectURL(response.data);
+      } catch (error) {
+        console.error('获取验证码失败:', error);
+      }
     },
 
     async resendVerification() {