在axios中设置动态请求头时,需要使用函数来返回请求头的值。例如,我们要在请求头中加入token:
import axios from 'axios'
const tokenGetter = () => {
const token = localStorage.getItem('token')
if (token) {
return `Bearer ${token}`
} else {
return ''
}
}
const api = axios.create({
baseURL: 'https://api.example.com',
headers: {
Authorization: tokenGetter
}
})
这里的 Authorization 请求头的值就是通过调用 tokenGetter 函数来返回的。
这样,在每次请求时,axios都会调用 Authorization 请求头的值来获取最新的token。
注意:如果token是从异步操作获取到的,你需要在获取到token后重新设置一下axios的headers。