vue如何存储token
时间: 2023-07-27 22:10:53 浏览: 39
在Vue中存储Token有多种方式,以下是其中一种常见的做法:
1. 在登录成功后,服务器会返回一个Token,将其存储在浏览器的localStorage中:
```
localStorage.setItem('token', response.data.token);
```
2. 在每个请求头中携带Token:
```
import axios from 'axios';
const token = localStorage.getItem('token');
const instance = axios.create({
headers: {
'Authorization': `Bearer ${token}`
}
});
export default instance;
```
3. 在需要使用Token的地方,从localStorage中取出Token并使用:
```
import axios from './instance';
const token = localStorage.getItem('token');
const fetchData = () => {
return axios.get('/api/data', {
headers: {
'Authorization': `Bearer ${token}`
}
});
};
```
需要注意的是,localStorage并不是安全的存储方式,Token可能会被攻击者窃取。因此,在实际使用中,我们需要考虑更加安全的存储方式,如使用HttpOnly的Cookie或者使用专门的Token存储服务。