怎么将token存储到localStorage和vuex中
时间: 2024-05-16 17:15:51 浏览: 103
vue生成token保存在客户端localStorage中的方法
5星 · 资源好评率100%
将 token 存储到 localStorage 和 Vuex 中的方法如下:
1. 存储到 localStorage:
```javascript
// 存储 token
localStorage.setItem('token', token);
// 获取 token
const token = localStorage.getItem('token');
// 删除 token
localStorage.removeItem('token');
```
2. 存储到 Vuex:
在 Vuex 中,我们需要在 state 中定义一个 token 属性,并且定义一个 mutation 来更新 token 值。
```javascript
// state
const state = {
token: ''
};
// mutations
const mutations = {
SET_TOKEN(state, token) {
state.token = token;
}
};
```
在组件中,我们可以通过调用 mutations 中的 SET_TOKEN 方法来更新 token 值。
```javascript
import { mapMutations } from 'vuex';
export default {
methods: {
...mapMutations(['SET_TOKEN']),
saveToken(token) {
// 存储到 localStorage
localStorage.setItem('token', token);
// 存储到 Vuex
this.SET_TOKEN(token);
}
}
};
```
这样,我们就可以在任何组件中获取和使用 token 值了。
阅读全文