如何详细实现JavaScript中axios的封装？

本文共计1821个文字，预计阅读时间需要8分钟。

目录 + 摘要 + 1. post方法 + 2. create方法 + 3. 拦截器 + 4. 代码摘要 + 在Vue中，我们调用接口使用的是axios，使用之前我们会进行一定的封装，然后再次使用。以下主要介绍axios的实现。

目录

• 摘要
• 1.post方法
• 2.create方法
• 3.拦截器
• 4.代码

摘要

在vue中，我们调用接口使用的都是axios，使用之前我们也会进行一定的封装，然后再进行使用。

在这里，我们主要说一下axios的实现原理，以及如何使用原生的js来自己封装出一个axios。

这里实现出几个主要的方法，包括post请求方法，create配置方法，以及拦截器的方法。

1.post方法

在我们写方法之前，肯定是要先自己写一个类出来，里面的内容先不用写。

然后再在类的下面写出post的方法：

function iaxios () { } iaxios.prototype.post = function (url, data){ }

OK，现在我们来实现这个方法。