这是我参与「第五届青训营 」伴学笔记创作活动的第 15天

axios

一、axios简介

axios的定义

• Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

axios的特性

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

二、使用axios

(一)安装axios

• 使用npm

  $ npm install axios
  

• 使用bower

  $ bower install axios
  

• 使用cdn

  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  

三、注意事项

(一)axios中params和data的区别

• params是添加到url请求字符串中的，一般用于get请求

  • 使用params时，get和post请求基本一样

• data是添加到请求体body中的，一般用于post请求

  • 通常只有post请求使用data，并且在后端需要用@RequestBody来接收

(二)拦截器interceptors

拦截器是指当发送请求或者得到响应被then或catch处理之前对它们进行拦截，拦截后可对数据做一些处理，比如给请求数据添加头部信息，或对响应数据进行序列化，然后再传给浏览器，这些都可以在拦截器中进行

(三)取消请求

可以使用cancel token取消一个请求，当用户搜索时，可能需要频繁的发送数据查询请求，因此当发送下一个请求时 ，需要撤销上一个请求。因此需要取消请求。