拦截器的两个错误

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

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

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

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值