17axios 发送请求的原理

Axios是一个基于Promise的HTTP客户端库，它可以在浏览器和Node.js中发送HTTP请求。

Axios发送请求的原理如下：

创建一个Axios实例：首先，创建一个Axios实例，可以通过配置选项来设置默认的请求参数，例如请求的基本URL、请求头、超时时间等。
发送请求：使用Axios实例发送请求时，可以使用各种HTTP方法，如GET、POST、PUT、DELETE等。在发送请求之前，Axios会根据传入的请求配置参数对请求进行处理，包括请求的URL、请求头、请求体等。
创建XMLHttpRequest对象：在浏览器中，Axios使用XMLHttpRequest对象来发送请求。它会根据请求的方法和URL创建一个XMLHttpRequest对象，并设置相应的请求参数。
设置请求参数：Axios会根据请求配置参数设置XMLHttpRequest对象的请求参数，包括请求方法、请求URL、请求头、请求体等。
发送请求：Axios调用XMLHttpRequest对象的send方法发送请求。在发送请求之前，可以通过XMLHttpRequest对象的onreadystatechange事件监听请求的状态变化。
处理响应：当接收到服务器的响应时，XMLHttpRequest对象会触发onreadystatechange事件，并将响应数据存储在response属性中。Axios会根据响应的状态码、响应头等对响应进行处理，然后返回一个包含响应数据的Promise对象。
返回响应数据：Axios在接收到服务器的响应后，会根据响应的状态码和响应数据决定Promise对象的状态。如果响应成功，Promise对象的状态将变为resolved，并将响应数据作为参数传递给resolve函数；如果响应失败，Promise对象的状态将变为rejected，并将错误信息作为参数传递给reject函数。
处理响应拦截器和错误拦截器：在返回响应数据之前，Axios还会对响应数据进行拦截处理。可以通过设置响应拦截器和错误拦截器来对响应数据进行统一处理，例如对响应数据进行格式化、错误处理等。

以上就是Axios发送请求的基本原理。通过封装XMLHttpRequest对象和Promise对象，Axios提供了简洁、灵活的API，使得发送HTTP请求变得更加方便和易用