优化登录功能,修改用户名和密码的默认值,增加密码的编码存储和解码恢复逻辑,提升安全性和用户体验
This commit is contained in:
@@ -63,8 +63,8 @@ const checkMobile = () => {
|
||||
}
|
||||
|
||||
const form = ref({
|
||||
username: 'admin',
|
||||
password: 'admin1',
|
||||
username: '',
|
||||
password: '',
|
||||
})
|
||||
|
||||
const rules = {
|
||||
@@ -80,9 +80,19 @@ const rules = {
|
||||
onMounted(() => {
|
||||
const saved = localStorage.getItem('login-remember')
|
||||
const savedUser = localStorage.getItem('login-username')
|
||||
const savedPassword = localStorage.getItem('login-password')
|
||||
remember.value = saved === '1'
|
||||
if (remember.value && 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')
|
||||
if (remember.value) {
|
||||
localStorage.setItem('login-username', form.value.username || '')
|
||||
// 保存密码(编码处理)
|
||||
if (form.value.password) {
|
||||
localStorage.setItem('login-password', btoa(form.value.password))
|
||||
}
|
||||
} else {
|
||||
localStorage.removeItem('login-username')
|
||||
localStorage.removeItem('login-password')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user