yujiabao702的博客

相应拦截器的作用：当服务器返回来结果之后，通过函数去预处理返回来的结果。再比如说对数据结果做一个格式化的处理，没有问题在给自己自定义的回调函数进行处理，如果有问题就在相应拦截器里处理掉就好了。比如返回的结果结构中 data 才是我们要的数据，我们就可以直接 返回这个数据。请求拦截器的作用：在发送请求之前可以借助函数来对请求参数和内容做一些处理和检测。结果就是，先打印请求拦截器成功，在打印相应拦截器成功，在打印返回结果。如果有两个请求拦截器，两个相应拦截器，之间的先手执行顺序又是怎样呢。

因为全局变量刚开始为 null，在请求发送出去以后，全局变量就会被赋值变成一个函数，我们可以根据这个全局变量是否为 null 来判断是否已经发送请求，如果不是 null 那就代表已经发送请求了，就取消上次发的请求，重新发。要想取消请求，需要先添加一个配置对象 cancelToken，cancelToken 去 new 一个实例对象出来，接收函数参数，而这个函数也会有一个参数。然后将函数的参数去赋值给这个全局变量，函数的参数其实也是一个函数，这么一来全局变量也是函数。再声明一个全局变量赋值为 null。

通过 axios.create() 创建实例对象，接收一个参数，就是 axios 的配置对象。这个实例对象就差不多相当于提前写一些配置，然后通过实例对象发送请求就不用写那些配置对象了。类似于把默认配置写在一个对象里面。创建实例对象和设置默认配置的不同就是，设置默认配置只能设置一套，后面发送的请求都会沿用那一套配置，比如向两个服务器发送请求，baseURL就不能沿用默认配置的，此时就可以创建两个实例对象去解决。通过实例对象用封装好的方法发送请求。通过实例对象发送请求。

除了上述的 method 和 baseURL 以外，其他的 axios 的配置对象信息也可以设置默认配置。默认配置可以把一些重复性的设置配置在默认配置里面来简化代码。举个例子，每次发送请求的时候都需要下面这样去配置就很麻烦。我们就可以使用默认配置，再多次请求的时候就很方便。

baseURL：设定 url 的基础结构，axios 内部会自动将 baseURL 和 url 拼接起来。maxBodyLength：（仅 Node）定义允许的 http 请求内容的最大字节数，默认 2000。transformRequest：对请求的数据做一个处理，处理完以后再将处理后的结果向服务器发送。transformResponse：对响应的结果做一些处理，处理完以后再返回过来。cancelToken：对 ajax 请求做一个取消的设置。method：请求的方式。url：发送请求的地址。

request：原生的 AJAX 请求对象。axios 发送 AJAX 请求，而发送 AJAX 请求就要用到底层的 XMLHttpRequest 实例对象，而request属性保存的就是当前axios在发送请求时所创建的那个 XMLHttpRequest 实例对象。data：就是响应体，服务器返回的结果。config：就是发送请求的时候的配置对象，包括请求头，请求体之类的。statusText：响应的状态字符串。我们调取一个接口，观察返回的请求结果。headers：响应的头信息。status：响应状态码。

axios.post(url[, data[, config]]) 发送 POST 请求， 接收三个参数，第一个是 url，第二个是请求体（可省略），第三个是配置对象（可省略）。axios.put(url[, data[, config]]) 发送 PUT 请求， 接收三个参数，第一个是 url，第二个是请求体（可省略），第三个是配置对象（可省略）。axios.options(url[, config]) 发送 OPTIONS 请求， 接收二个参数，第一个是 url，第二个是配置对象（可省略）。

axios() 接收一个参数，是一个对象，里面是配置属性method 请求类型url 请求地址data 请求体axios 在实际使用的时候以 GET 请求和 POST 请求最多，只需要传比较简单的参数（比如传一个id）的时候可以用 url 拼接参数的方式传参，这个时候就用 GET 请求，当请求参数比较多的时候，就放在请求体里面，这个时候就用 POST 传参，然后根据后台的操作来确定这些请求的作用。

是基于 Promise 的 HTTP 客户端，可以在浏览器和 node.js 中运行。在浏览器中可以借助 axios 发送 ajax 请求，在 node.js 当中向远端服务发送 http 请求。可以设置请求和响应拦截器，可以在请求之前做一些准备工作，在响应回来以后可以对结果做一些预处理。项目中一般都是 npm i axios 去安装。在 node.js 当中发送 http 请求。可以做保护去阻挡跨站攻击（XSRF）。在浏览器端发送 ajax 请求。可以对请求和响应数据做转换。axios 是什么？

展示信息中 Endpoints:是列出来的url，这里列出来三个，这三个 url 分别是对资源的访问（db.json 文件中的三个属性），输入这三个 url 就可以访问对应的信息。启动服务 json-server --watch db.json，这条命令的意思是要启动 json-server，数据从 db.json 里面找。展示的信息中 Index：代表的是这个文件的访问地址，输入这个地址就可以访问到 db.json 的数据。这就是对数据的获取，还有别的操作。json-server 的使用。