vue登录成功如何存token有那些方法

Vue 登录成功后存储 token 的常见方法通常有两种：

1. **本地存储**（localStorage或sessionStorage）：
- 使用浏览器提供的 localStorage 或 sessionStorage 对象，将 token 存储在用户的客户端。例如，在 Vue 中可以这样做：

     const setToken = (token) => {
       localStorage.setItem('token', token);
     };
     const getToken = () => {
       return localStorage.getItem('token');
     };

这种方法简单易用，但需要注意安全问题，因为客户端数据易受 XSS 攻击。

2. **Cookie**：
- 可以设置一个 HttpOnly 和 Secure 的 cookie 来存储 token，这会在一定程度上保护 token 避免被 JavaScript 访问。在 Vue 中处理请求头时添加 token：

     axios.interceptors.request.use((config) => {
       if (getToken()) {
         config.headers.Authorization = 'Bearer ' + getToken();
       }
       return config;
     }, (error) => Promise.reject(error));

3. **Vuex**：
- 如果项目使用 Vuex 管理状态，可以在 store 中创建一个状态来存储 token，并通过 actions 和 mutations 进行操作和更新。