JS实现两周内自动登录功能

实现两周内自动登录的功能需要涉及到一些技术点，下面是完整的攻略：

实现两周内自动登录的功能需要涉及到一些技术点，下面是完整的攻略：

技术点

1. Cookie / LocalStorage：用于保存登录状态和用户信息，以及判断用户是否已登录。
2. 路由拦截：在用户未登录的情况下，将其重定向至登录页面。可以通过 Vue Router 的全局前置守卫实现。
3. Token 认证：为了保证用户信息的安全性，一般需要在后台生成一个 Token，并将其返回给前台，前台将 Token 存储至 Cookie 或 LocalStorage 中，并在后续请求中将 Token 作为参数传递给后台进行验证。

实现步骤

1. 登录
2. 用户输入用户名和密码，前台将其传递给后台进行验证。
3. 验证成功后，后台生成一个 Token 并返回给前台。前台将 Token 存储至 Cookie 或 LocalStorage 中，并将其设置为两周后过期。
4. 自动登录
5. 首先判断 Cookie 或 LocalStorage 中是否存在 Token，若存在则直接进行登录验证。
6. 若不存在 Token，则跳转至登录页面进行登录。登录后，将 Token 存储至 Cookie 或 LocalStorage 中，并将其设置为两周后过期。
7. 路由拦截
8. 对于需要登录才能访问的页面，可以通过 Vue Router 的全局前置守卫进行拦截。在守卫中，判断 Cookie 或 LocalStorage 中是否存在 Token，若不存在则将其重定向至登录页面。

示例1：使用 Cookie 存储 Token

// 登录成功后将 Token 存储至 Cookie 中，设置过期时间为两周后
document.cookie = `token=${token}; expires=${new Date(Date.now() + 12096e5)}; path=/;`;

// 判断 Cookie 中是否存在 token，若存在则进行登录验证
const token = document.cookie.split('; ').find(row => row.startsWith('token='));
if (token) {
  const authToken = token.split('=')[1];
  // 进行登录验证
} else {
  // 跳转至登录页面
}

示例2：使用 LocalStorage 存储 Token

// 登录成功后将 Token 存储至 LocalStorage 中，设置过期时间为两周后
localStorage.setItem('token', token);
localStorage.setItem('tokenExpire', Date.now() + 12096e5);

// 判断 LocalStorage 中是否存在 token，若存在则进行登录验证
const token = localStorage.getItem('token');
const tokenExpire = localStorage.getItem('tokenExpire');
if (token && Date.now() < Number.parseInt(tokenExpire)) {
  // 进行登录验证
} else {
  // 跳转至登录页面
}

希望这些信息对你和其他人有所帮助。