vue token存到本地

Vue.js 项目中，通常我们会将用户的token（访问令牌）存储在浏览器的localStorage或者sessionStorage中，以便于在用户登录后在整个会话期间保持身份验证。这是前端常见的状态管理策略，特别是对于单页应用（SPA）。

以下是简单的步骤：

1. **设置token**：
当服务器返回登录成功的响应并包含token时，可以将其存储到localStorage，例如：

   localStorage.setItem('jwtToken', response.data.token);

2. **访问token**：
在需要验证权限的地方，从localStorage获取token：

   const token = localStorage.getItem('jwtToken');

3. **清除token**：
用户登出时，清除存储的token以注销登录状态：

   localStorage.removeItem('jwtToken');

4. **守卫（Guard）**：
在Vue Router或Vuex中，你可以创建一个路由守卫（如`beforeEach`），检查是否有有效的token，如果没有则重定向到登录页面。

router.beforeEach((to, from, next) => {
  if (to.meta.requiresAuth && !token) {
    // 如果需要认证而未提供token，则重定向
    next({ path: '/login' });
  } else {
    next();
  }
});