前端封装axios

本文介绍如何通过面向对象编程思想,对前端的axios库进行封装,以达到降低组件间耦合度、提高代码内聚性的目的。封装后的axios使用将更加便捷。
摘要由CSDN通过智能技术生成

众所周知面向对象编程(OOP)遵循,低耦合高内聚,所以封装 axios 之后,在使用上会更简便

import axios from "axios"
import qs from "querystring"

// 错误处理
// 根据状态码和错误信息给出更明确的错误信息
const errorHandle=(status,info)=>{
    switch(status){
        case 400:
          console.log("语义错误");
          break;
        case 401:
          console.log("服务器认证失败");
          break;
        case 403:
          console.log("服务器请求拒绝执行");
          break;
        case 404:
          console.log("请检查网路请求地址");
          break;
        case 500:
          console.log("服务器发生意外");
          break;
        case 502:
          console.log("服务器无响应");
          break;
        default:
          console.log(info);
          break;
       }
}
// 创建axios对象
const instance=axios.create({
    //公共配置
    //公共网络配置
    baseURL:"", 
    // 超时配置
    timeout:5000
})

// 拦截器:发送请求和响应结果之前都可以拦截网络请求对象
//请求拦截
instance.interceptors.requ
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值