添加请求拦截器和响应拦截器。
请求拦截器:在发送请求之前判断是否有token。
响应拦截器:在后端发送状态码给前端时,判断状态码为多少并发出相应的信息
import {Message} from 'element-ui'
// 添加请求拦截器
service.interceptors.request.use(function (config)
{
// 在发送请求之前 判断是否有token
if (store.state.token)
{
config.headers['Authorization'] = localStorage.token
}
return config;
}, function (error)
{
// 请求错误
return Promise.reject(error);
});
// 添加响应拦截器
service.interceptors.response.use(function (response)
{
// 对响应数据做点什么
const res = response.data;
//0 为成功状态
if (res.code !== 200)
{
//401 用户未登录
if (res.code === 401)
{
Message({
type: 'warning',
showClose: true,
message: '未登录或登录超时,请重新登录哦'
});
return Promise.reject('error');
}
}
return response;
}, function (error)
{
// 对响应错误做点什么
return Promise.reject(error);
});