axios 如何实现请求接口携带token 实现步骤
第一步
需要在请求发起的时候在请求头中加token,这是我们需要使用到aixos中使用自带的请求拦截器,interceptors 进行接口请求拦截,在拦截器中添加token 请求头携带token
// 在请求拦截器中进行请求头中加token
axios.interceptors.request.use(
config => {
let userList= JSON.parse(sessionStorage.getItem('userList'))
config.headers['authorization'] =userList.token
return config
},
error => {
return Promise.reject(error)
})
复制代码
第二步
在拦截器中添加token请求头的时候会出现第一个没有token 携带进行请求的时候会出现报错。所以我们要判断token是否存在 如果存在就携带token 如果不存在就不携带token
// 添加请求拦截器,在请求头中加token
axios.interceptors.request.use(
config => {
let userList= JSON.parse(sessionStorage.getItem('userList'))
// 判断本地的cookie中是否有token
if (userList) {
if(userList.token){
config.headers['authorization'] =userList.token
}
}
return config
},
error => {
return Promise.reject(error)
})
复制代码