1..导入axios
import axios from 'axios'
2.创建axios实例对象
import axios from "axios";
const request = axios.create({
baseURL:"xxx", // 基本地址,对于非 http 和非 https 开头的请求都会在前面拼接上这个地址
timeout:20000, // 超时时间,超过这个时间没有收到服务器的回复就会报错,单位是毫秒
method:"post", // 请求方式,默认是get,可以在这里设置默认方式为其他请求方式
headers:{}, //请求头配置
})
export default request;
3.响应拦截器
request.interceptors.response.use((config)=>{
请求成功的回调
1.做一个判断
if(config.sucess){
return config.data
}esle{
提示错误的信息
Message
中断代码
return Promise.reject('错误的信息')
}
},(err)=>{
2.任何超出2xx范围的状态码都会触发此函数,这里主要用于处理响应错误
例如:401
301这些状态码
})
4.总结
响应成功的回调里面有错误,是做统一错误处理的,例如密码错误。
响应失败的回调处理的是另外一种错误,例如权限不足。
处理的是不一样的错误,这里要注意