axios 携带token
时间: 2023-11-16 07:56:19 浏览: 80
axios封装,携带token
5星 · 资源好评率100%
在使用axios进行请求时,我们可以在请求拦截器中携带token,以保证请求的安全性。具体实现方式如下:
1. 在请求拦截器中获取本地存储的token,然后将其添加到请求头中。
2. 如果要求携带在参数中,则将token添加到请求参数中。
3. 在登录时,需要将获取到的token添加到本地存储中,并在前边拼接字符串’Bearer ’,固定格式。
举个例子,可以参考以下代码:
```
// 在请求拦截器中携带token
axios.interceptors.request.use(config => {
const token = localStorage.getItem('token')
if (token) {
config.headers.Authorization = token
}
return config
})
// 如果要求携带在参数中
const token = localStorage.getItem('token')
if (token) {
config.params = { 'token': token }
}
// 在登录时添加token到本地存储中
login() {
axios.post('/user/login', this.user).then(res => {
localStorage.setItem('token', "Bearer " + res.data.res.token)
})
}
```
阅读全文