axios封装请求拦截器中给Authorization,添加token加Bearer。

//请求拦截器

instance.interceptors.request.use(function (config) {

//在发送请求之前做点什么

let token = sessionStorage.getItem(‘token’)//获取token
if(!token){
let token_type = sessionStorage.getItem(‘token_type’) //获取存储在本地的后端返回参数

if (token) {
// 添加headers
config.headers.Authorization =token_type+ ' '+ token;
config.headers['content-type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
}

}
config.headers.Authorization = sessionStorage.getItem(‘token’)//存储token
return config;
}, function (error) {

//对请求错误做些什么

return Promise.reject(error);
});

// 响应拦截器

instance.interceptors.response.use(function (response) {

//对响应回来的做些什么

Toast(‘sssssssssss’,response);

if(response.status ===200){

    Toast(response.data.msg);

}else{
Toast(‘网络异常,请稍后再试’);
}
return response.data;
}, function (error) {

//对响应错误做些什么

return Promise.reject(error);
});

export default instance

你可能感兴趣的:(笔记,axios的封装请求前需求,vue,vue.js,前端,javascript,es6,reactjs)