拦截器的两个错误

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.总结

响应成功的回调里面有错误,是做统一错误处理的,例如密码错误。

响应失败的回调处理的是另外一种错误,例如权限不足。

处理的是不一样的错误,这里要注意