vue如何存储token
时间: 2024-05-12 13:14:30 浏览: 16
在Vue中存储token有多种方式,以下是常见的几种:
1. 使用localStorage
可以使用localStorage在浏览器中存储token,代码如下:
```javascript
// 存储token
localStorage.setItem('token', 'your_token');
// 获取token
const token = localStorage.getItem('token');
```
2. 使用cookie
可以使用cookie在浏览器中存储token,代码如下:
```javascript
// 存储token
document.cookie = `token=your_token; expires=Fri, 31 Dec 9999 23:59:59 GMT`;
// 获取token
const cookies = document.cookie.split('; ');
const token = cookies.find((cookie) => cookie.startsWith('token')).split('=')[1];
```
3. 使用Vuex
可以使用Vuex来存储token,代码如下:
```javascript
// store.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export default new Vuex.Store({
state: {
token: ''
},
mutations: {
setToken(state, token) {
state.token = token;
}
},
actions: {
setToken({ commit }, token) {
commit('setToken', token);
}
}
});
// 存储token
this.$store.dispatch('setToken', 'your_token');
// 获取token
const token = this.$store.state.token;
```
以上是常见的几种存储token的方式,具体选择哪种方式可以根据实际情况选择。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![rp](https://img-home.csdnimg.cn/images/20210720083646.png)