登录成功后如何将token放入localStorage并设置token的过期时间

在登录成功后将 token 存储在 localStorage 中并设置 token 的过期时间，可以按照以下步骤进行操作：

1. 在登录成功的响应中，获取返回的 token。假设后端返回的 token 存储在 `response.data.token` 中。

2. 将 token 存储在 localStorage 中。可以使用 `localStorage.setItem()` 方法将 token 存储在 localStorage 的一个特定键中，例如 `localStorage.setItem('token', response.data.token)`。

3. 设置 token 的过期时间。可以使用 `localStorage.setItem()` 方法将过期时间存储在另一个键中，例如 `localStorage.setItem('tokenExpiration', expirationTime)`。`expirationTime` 可以是一个时间戳或表示未来某个时间的日期对象。

4. 在全局守卫中检查 token 是否过期。可以在全局守卫中获取 localStorage 中存储的过期时间，并与当前时间进行比较。如果过期时间小于当前时间，则表示 token 已过期，此时可以清除存储的 token，并将用户重定向到登录页。

以下是一个示例代码，展示了如何将 token 存储在 localStorage 中并设置过期时间：

// 登录成功后将 token 存储在 localStorage 中
localStorage.setItem('token', response.data.token);

// 设置 token 过期时间为 1 小时后
const expirationTime = new Date().getTime() + 60 * 60 * 1000;
localStorage.setItem('tokenExpiration', expirationTime);

请注意，上述代码仅为示例，你可能需要根据实际需求进行相应的调整，例如设置不同的过期时间，或在过期时间到达后执行其他操作。

希望对你有所帮助！如果还有其他问题，请随时提问。