GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-07 16:56:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(login): improve error messages and update error display component

Browse Source
This commit is contained in:
jxxghp
2025-01-07 09:56:14 +08:00
parent 07a2bcfb97
commit 754bc3d3c9
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/login.vue
+7 -8
View File
@@ -130,7 +130,6 @@ function login() {
// 进行表单校验 // 进行表单校验
if (!form.value.username || !form.value.password || (isOTP.value && !form.value.otp_password)) { if (!form.value.username || !form.value.password || (isOTP.value && !form.value.otp_password)) {
errorMessage.value = '请输入完整信息'
return return
} }
// 用户名密码 // 用户名密码
@@ -175,11 +174,11 @@ function login() {
}) })
.catch((error: any) => { .catch((error: any) => {
// 登录失败，显示错误提示 // 登录失败，显示错误提示
if (!error.response) errorMessage.value = '登录失败，请检查网络连接' if (!error.response) errorMessage.value = '登录失败，请检查网络连接！'
else if (error.response.status === 401) errorMessage.value = '登录失败，请检查用户名、密码或双重验证是否正确' else if (error.response.status === 401) errorMessage.value = '登录失败，请检查用户名、密码或双重验证是否正确！'
else if (error.response.status === 403) errorMessage.value = '登录失败，您没有权限访问' else if (error.response.status === 403) errorMessage.value = '登录失败，您没有权限访问！'
else if (error.response.status === 500) errorMessage.value = '登录失败，服务器错误' else if (error.response.status === 500) errorMessage.value = '登录失败，服务器错误！'
else errorMessage.value = `登录失败 ${error.response.status}，请检查用户名、密码或双重验证码是否正确` else errorMessage.value = `登录失败 ${error.response.status}，请检查用户名、密码或双重验证码是否正确！`
}) })
} }
@@ -275,9 +274,9 @@ onUnmounted(() => {
<VCol cols="12"> <VCol cols="12">
<!-- login button --> <!-- login button -->
<VBtn block type="submit" @click="login"> 登录 </VBtn> <VBtn block type="submit" @click="login"> 登录 </VBtn>
<div v-if="errorMessage" class="text-error mt-2 text-shadow"> <VAlert v-if="errorMessage" type="error" variant="tonal" class="mt-3">
{{ errorMessage }} {{ errorMessage }}
</div> </VAlert>
</VCol> </VCol>
</VRow> </VRow>
</VForm> </VForm>