vue如何存储token
时间: 2023-07-27 13:10:28 浏览: 83
vue生成token并保存到本地存储中
在 Vue 中存储 Token 通常有两种方式:
1. 使用浏览器的本地存储,比如 localStorage 或 sessionStorage。可以在登录成功后将 Token 存储在本地存储中,退出登录时删除。
```javascript
// 存储 Token
localStorage.setItem('token', token);
// 获取 Token
const token = localStorage.getItem('token');
// 删除 Token
localStorage.removeItem('token');
```
2. 使用 Vuex 管理全局状态。可以在 Vuex 中定义一个 state 来存储 Token,然后在需要使用 Token 的组件中通过 getters 获取。
```javascript
// 定义 state
const state = {
token: ''
};
// 存储 Token
mutations: {
setToken(state, token) {
state.token = token;
}
};
// 获取 Token
getters: {
getToken: state => state.token
};
```
使用 Vuex 存储 Token 可以方便地在应用程序的任何地方获取和更新,但相比本地存储需要额外的代码来实现。
阅读全文