作为前端开发，网络请求肯定是我们经常要面对的事情，在前端请求中，axios和fetch API应该是我们最常用的请求工具了，它们在发送请求和接收响应数据已经做到了足够简单。

Axios 是一个基于 Promise 的 HTTP 客户端，每周 npm 下载量超过 4000 万。 如果回到10年前，promise式的请求工具是一个伟大的创新。 它解决了繁琐的请求问题。但随着时间的推移，Axios 在开发效率和性能上开始落后。

loading的展示和取消可以说是每个前端对接口的时候都要关心的一个问题。这篇文章将要帮你解决的就是如何结合axios更加简洁的处理loading展示与取消的逻辑。

封装是编程中很有意义的手段，简单的axios封装，就可以让我们可以领略到它的魅力，封装 axios 没有一个绝对的标准，只要你的封装可以满足你的项目需求，并且用起来方便，那就是一个好的封装方案

前后端分离开发的场景下，开发人员的工作内容更加专注与专业，但是也产生了一些额外的沟通成本。比如：本文中为大家说明的前后端参数传递与接受方法。本文主要是面对前端使用axios

很多同学喜欢对axios再进行二次的封装，但真的有必要吗？前几天在某网站上看到一篇文章，说是用 ts 对 axios 进行了下封装，从点赞量、评论量和访问量上来看，有很多人都看过这篇文章了。

在日常前端开发中, 经常会遇到频繁发起的重复请求, 会给服务器及网络造成不必要的压力, 可通过取消重复请求解决；在每个请求发起的时候存储当前存储的标记在一个数组或Map中, 针对每个请求的时候在请求拦截中查询是否重复

虽然说Fetch API已经使用率已经非常的高了，但是在一些老的浏览器还是不支持的，而且axios仍然每周都保持2000多万的下载量，这就说明了axios仍然存在不可撼动的地位，接下来我们就一步一步的去封装

Axios是一个基于promise的HTTP库，类似于jQuery的ajax，用于http请求。可以应用于浏览器端和node.js，既可以用于客户端，也可以用于node.js编写的服务端。

重复点击或者多tab标签使用一个视图等（当然也可以用加载中遮罩层禁止请求中再次点击），官方提供了axios.CancelToken来取消上一次请求方法，因此只需要判断上一次请求是否重复。声明数组变量 pending用于存储每个请求实例的axios标识（请求方式，请求参数，请求url）和该实例的取消函数

在前端开发中，能够完成数据请求的方式有很多，如Ajax、jQuery ajax、axios和fetch等。不过，随着技术的发展，现在能够看到的基本上也就axios和fetch两种。

但是同一个请求多次发送到服务器，无疑是对服务器的一种压力，所以需要在已经优化服务器过查询速度后，以及用户网络情况比较差的条件下，在前端进行请求限制。axios 自带的cancelToken可以帮我们实现这个需求，并且提供给了我们一个现成的api axios.CancelToken

在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等

后台数据库定义的bigint类型（对应Long）的值太长会导致传递给前端的时候精度丢失,其原因是后端语言和js对字节码的解析长度不一样。前端js对Long类型支持的精度不够，导致后端使用的Long传到前端丢失精度。

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。支持从浏览器中创建XML请求，支持 node.js中发出http请求，支持拦截请求和响应，支持转换请求和响应数据，支持自动转换JSON数据，客户端支持防御 XSRF。