html5使用localStorage实现记住登录状态 html5使用自动登录功能的逻辑

• 通常保存的是 token 而非密码，更安全
• 可附加一个过期时间戳，控制自动登录的有效期

// 模拟登录成功后
if (rememberMe.checked) {
  const token = response.token;
  const expires = Date.now() + 7 * 24 * 60 * 60 * 1000; // 7天后过期
  localStorage.setItem('authToken', token);
  localStorage.setItem('authExpires', expires);
}

• 检查是否存在 token
• 验证 token 是否过期
• 若有效，调用接口验证 token 合法性，获取用户信息
• 自动跳转到主页

function autoLogin() {
  const token = localStorage.getItem('authToken');
  const expires = localStorage.getItem('authExpires');
<p>if (!token || !expires) return false;</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1648">
                            <img src="https://img.php.cn/upload/ai_manual/000/969/633/68b6d7ce2ee2f805.png" alt="Content at Scale">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1648">Content at Scale</a>
                            <p>SEO长内容自动化创作平台</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="Content at Scale">
                                <span>154</span>
                            </div>
                        </div>
                        <a href="/ai/1648" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="Content at Scale">
                        </a>
                    </div>
                <p>if (Date.now() > parseInt(expires)) {
// 已过期，清除
clearAuthData();
return false;
}</p><p>// 请求服务器验证 token
fetch('/api/verify', {
method: 'POST',
headers: { 'Authorization': <code>Bearer ${token}</code> }
})
.then(res => res.json())
.then(data => {
if (data.valid) {
// 自动登录成功，跳转主页
window.location.href = '/dashboard';
} else {
clearAuthData();
}
})
.catch(() => clearAuthData());
}</p><p>function clearAuthData() {
localStorage.removeItem('authToken');
localStorage.removeItem('authExpires');
}</p>

function logout() {
  clearAuthData();
  window.location.href = '/login';
}