优化登录功能,修改用户名和密码的默认值,增加密码的编码存储和解码恢复逻辑,提升安全性和用户体验

This commit is contained in:
zyh
2025-08-30 23:13:01 +08:00
parent fdc411e4d1
commit 6b8d1b410e

View File

@@ -63,8 +63,8 @@ const checkMobile = () => {
} }
const form = ref({ const form = ref({
username: 'admin', username: '',
password: 'admin1', password: '',
}) })
const rules = { const rules = {
@@ -80,9 +80,19 @@ const rules = {
onMounted(() => { onMounted(() => {
const saved = localStorage.getItem('login-remember') const saved = localStorage.getItem('login-remember')
const savedUser = localStorage.getItem('login-username') const savedUser = localStorage.getItem('login-username')
const savedPassword = localStorage.getItem('login-password')
remember.value = saved === '1' remember.value = saved === '1'
if (remember.value && savedUser) { if (remember.value && savedUser) {
form.value.username = savedUser form.value.username = savedUser
// 恢复密码(解码)
if (savedPassword) {
try {
form.value.password = atob(savedPassword)
} catch (e) {
// 如果解码失败,清除存储的密码
localStorage.removeItem('login-password')
}
}
} }
// 检测移动端 // 检测移动端
@@ -102,8 +112,13 @@ function persistRemember() {
localStorage.setItem('login-remember', remember.value ? '1' : '0') localStorage.setItem('login-remember', remember.value ? '1' : '0')
if (remember.value) { if (remember.value) {
localStorage.setItem('login-username', form.value.username || '') localStorage.setItem('login-username', form.value.username || '')
// 保存密码(编码处理)
if (form.value.password) {
localStorage.setItem('login-password', btoa(form.value.password))
}
} else { } else {
localStorage.removeItem('login-username') localStorage.removeItem('login-username')
localStorage.removeItem('login-password')
} }
} }