src/api/axiosConfig.js

@@ -1,8 +1,8 @@
 import axios from 'axios';
 import { logoutUser } from '../utils/jwt'; // logoutUser会处理清除存储和重定向
 
-const API_BASE_URL = 'https://api.zybdatasupport.online';
+//const API_BASE_URL = 'https://api.zybdatasupport.online';
-//const API_BASE_URL = 'http://hk.zybdatasupport.online:8000/';
+const API_BASE_URL = 'http://hk.zybdatasupport.online:8000/';
 
 const axiosInstance = axios.create({
     baseURL: API_BASE_URL,

src/api/login.js

@@ -154,12 +154,12 @@ export const changeUserName = async (name) => {
  * 用户请求修改密码（发送重置请求）
  * 路由: /user/resetpassword
  * 方法: POST
- * 需要登录
+ * @param {string} uuid - 要修改的用户的uuid
  * @returns {Promise<void>} 无返回值，成功即为请求成功
  */
-export const requestResetPassword = async () => {
+export const requestResetPassword = async (uuid) => {
   try {
-    await axiosInstance.post('/user/resetpassword');
+    await axiosInstance.post('/user/resetpassword', null, { params: { uuid } });
   } catch (error) {
     throw error;
   }

src/components/ChangePasswordDialog.vue

@@ -26,6 +26,7 @@
 <script setup>
 import { ref, watch, defineProps, defineEmits } from 'vue'
 import { requestResetPassword, resetPassword } from '@/api/login.js'
+import {getStoredUser} from "@/utils/jwt.js";
 
 const props = defineProps({
   visible: {
@@ -59,8 +60,10 @@ const handleSubmit = async () => {
   loading.value = true
   
   try {
+    const user = getStoredUser()
+    console.log(user.uuid)
     // 请求修改密码
-    await requestResetPassword()
+    await requestResetPassword(user.uuid)
     emit('success', '密码修改请求已发送！')
     emit('close')
   } catch (error) {

src/components/forget_module.vue

@@ -1,59 +1,78 @@
 <template>
   <div class="login-form">
     <div>忘记密码</div>
-    <form class="login-form-container" @submit.prevent="handleForgetPassword">
+<!--    <form class="login-form-container" @submit.prevent="handleForgetPassword">-->
+<!--      <div class="input-container">-->
+<!--        <label for="username">QQ号</label>-->
+<!--        <input-->
+<!--          type="text"-->
+<!--          id="username"-->
+<!--          v-model="username"-->
+<!--          placeholder="请输入QQ号"-->
+<!--          :class="{ 'error': usernameError }"-->
+<!--        />-->
+<!--        <span class="error-message" v-if="usernameError">{{ usernameError }}</span>-->
+<!--      </div>-->
+<!--      <div class="input-container">-->
+<!--        <label for="newPassword">新密码</label>-->
+<!--        <input-->
+<!--          type="password"-->
+<!--          id="newPassword"-->
+<!--          v-model="newPassword"-->
+<!--          placeholder="请输入新密码"-->
+<!--          :class="{ 'error': newPasswordError }"-->
+<!--        />-->
+<!--        <span class="error-message" v-if="newPasswordError">{{ newPasswordError }}</span>-->
+<!--      </div>-->
+<!--      <div class="input-container">-->
+<!--        <label for="confirmPassword">确认新密码</label>-->
+<!--        <input-->
+<!--          type="password"-->
+<!--          id="confirmPassword"-->
+<!--          v-model="confirmPassword"-->
+<!--          placeholder="请再次输入新密码"-->
+<!--          :class="{ 'error': confirmPasswordError }"-->
+<!--        />-->
+<!--        <span class="error-message" v-if="confirmPasswordError">{{ confirmPasswordError }}</span>-->
+<!--      </div>-->
+<!--      <div class="input-container captcha-container">-->
+<!--        <label for="captcha">验证码</label>-->
+<!--        <div class="captcha-wrapper">-->
+<!--          <input-->
+<!--              type="text"-->
+<!--              id="captcha"-->
+<!--              v-model="captcha"-->
+<!--              placeholder="请输入验证码"-->
+<!--              :class="{ 'error': captchaError }"-->
+<!--          />-->
+<!--          <img-->
+<!--            v-if="captchaImage"-->
+<!--            :src="captchaImage"-->
+<!--            alt="验证码"-->
+<!--            class="captcha-image"-->
+<!--            @click="refreshCaptcha"-->
+<!--          />-->
+<!--        </div>-->
+<!--        <span class="error-message" v-if="captchaError">{{ captchaError }}</span>-->
+<!--      </div>-->
+<!--      <div class="login-button">-->
+<!--        <button type="submit" :disabled="isSubmitting">-->
+<!--          {{ isSubmitting ? '提交中...' : '重置密码' }}-->
+<!--        </button>-->
+<!--      </div>-->
+<!--      <div class="register-link">-->
+<!--        <a @click.prevent="$emit('login')">返回登录</a>-->
+<!--      </div>-->
+<!--    </form>-->
+    <form form class="login-form-container" @submit.prevent="uuid_handleForgetPassword">
       <div class="input-container">
-        <label for="username">QQ号</label>
+        <label for="username">UUID</label>
-        <input 
+        <input
-          type="text" 
+          id="username"
-          id="username" 
+          type="text"
-          v-model="username"
+          placeholder="请输入UUID"
-          placeholder="请输入QQ号"
+          v-model="uuid"
-          :class="{ 'error': usernameError }"
         />
-        <span class="error-message" v-if="usernameError">{{ usernameError }}</span>
-      </div>
-      <div class="input-container">
-        <label for="newPassword">新密码</label>
-        <input 
-          type="password" 
-          id="newPassword" 
-          v-model="newPassword"
-          placeholder="请输入新密码"
-          :class="{ 'error': newPasswordError }"
-        />
-        <span class="error-message" v-if="newPasswordError">{{ newPasswordError }}</span>
-      </div>
-      <div class="input-container">
-        <label for="confirmPassword">确认新密码</label>
-        <input 
-          type="password" 
-          id="confirmPassword" 
-          v-model="confirmPassword"
-          placeholder="请再次输入新密码"
-          :class="{ 'error': confirmPasswordError }"
-        />
-        <span class="error-message" v-if="confirmPasswordError">{{ confirmPasswordError }}</span>
-      </div>
-      <div class="input-container captcha-container">
-        <label for="captcha">验证码</label>
-        <div class="captcha-wrapper">
-          <input
-              type="text"
-              id="captcha"
-              v-model="captcha"
-              placeholder="请输入验证码"
-              :class="{ 'error': captchaError }"
-          />
-          <img 
-            v-if="captchaImage" 
-            :src="captchaImage" 
-            alt="验证码" 
-            class="captcha-image" 
-            @click="refreshCaptcha"
-          />
-        </div>
-        <span class="error-message" v-if="captchaError">{{ captchaError }}</span>
       </div>
       <div class="login-button">
         <button type="submit" :disabled="isSubmitting">
@@ -81,7 +100,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { getCaptcha, forgetPassword } from '../api/login'
+import {getCaptcha, forgetPassword, requestResetPassword} from '../api/login'
 import ErrorDialog from './ErrorDialog.vue'
 import SuccessDialog from './SuccessDialog.vue'
 
@@ -91,12 +110,14 @@ const confirmPassword = ref('')
 const captcha = ref('')
 const captchaImage = ref('')
 const captchaToken = ref('')
+const uuid = ref('')
 
 // 错误信息
 const usernameError = ref('')
 const newPasswordError = ref('')
 const confirmPasswordError = ref('')
 const captchaError = ref('')
+const uuidError = ref('')
 
 // 状态
 const isSubmitting = ref(false)
@@ -181,6 +202,33 @@ const handleForgetPassword = async () => {
   }
 }
 
+const uuid_handleForgetPassword = async () => {
+  try{
+    if (!uuid_validateForm()) {
+      return
+    }
+    console.log(uuid.value);
+    
+    await requestResetPassword(uuid.value)
+    isSubmitting.value = true
+  }catch ( error){
+    showErrorMessage(error.message || '不是正确的uuid')
+  }finally {
+    isSubmitting.value = false
+  }
+
+}
+
+
+const uuid_validateForm = () =>{
+  uuidError.value = ''
+  if (!uuid.value) {
+    uuidError.value = '请输入uuid'
+    return false
+  }
+  return true
+}
+
 const validateForm = () => {
   // 重置所有错误信息
   usernameError.value = ''
@@ -234,7 +282,8 @@ const validateForm = () => {
 const handleSuccessClose = () => {
   showSuccess.value = false
   // 重置表单
-  resetForm()
+  // resetForm()
+  uuid_resetForm()
   // 切换到登录页面
   $emit('login')
 }
@@ -252,13 +301,18 @@ const resetForm = () => {
   refreshCaptcha()
 }
 
+const uuid_resetForm = () =>{
+  uuid.value = ''
+}
+
 // 暴露resetForm方法给父组件
 defineExpose({
-  resetForm
+  // resetForm
+  uuid_resetForm
 })
 
 onMounted(() => {
-  refreshCaptcha()
+  // refreshCaptcha()
 })
 </script>
 

vite.config.js

@@ -4,6 +4,14 @@ import path from 'path'
 
 export default defineConfig({
   plugins: [vue()],
+  build: {
+    terserOptions:{
+      compress:{
+        drop_console:true,
+        drop_debugger:true,
+      }
+    }
+  },
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src')
@@ -13,4 +21,4 @@ export default defineConfig({
     port: 80,
     open: true
   }
-}) 
+})