Vue - axios的使用

什么是HTTP？

1. HTTP 是一种用作获取诸如 HTML 文档这类资源的 协议。
2. 它是 Web 上进行任何数据交换的基础，同时，也是一种客户端—服务器（client-server）协议，也就是说，请求是由接受方——通常是浏览器——发起的。
3. 一个完整网页文档是由获取到的不同文档组件——如文本、布局描述、图片、视频、脚本等——重新构建出来的。

请求（request）与响应 （response）

由客户端——通常是浏览器——发出的消息被称作请求（request）
由服务端发出的应答消息被称作响应（response）。

什么是Promise?

JavaScript中处理异步操作的一种机制。
它代表了一个异步操作的最终完成或失败，并可以获取其结果。
异步操作被封装在Promise中，一共有三个状态：pending、fufilled、rejected

什么是axios以及它的作用？

axios是一个基于Promise的HTTP客户端，用于发送HTTP请求并处理响应。
它能够在浏览器或Node.js环境使用，可以用于发送GET，POST，DELET等不同类型的请求。

为什么要对axios进行二次封装？

简化使用：二次封装可以提供更简洁、易用的API接口，减少重复的代码和逻辑，提高开发效率和代码的可读性。
更高效：二次封装axios可以根据项目需求定制功能，提供更友好、更高效的HTTP请求处理方式。

如何在项目中使用axios（二次封装）?

1. 统一配置管理：创建一个axios实例，配置各种参数，比如设置请求的超时时间，baseURL，请求拦截器，默认的请求头等。对该实例进行封装。
2. 使用axios提供的请求和响应拦截器，对返回的HTTP响应进行处理。响应拦截器进行错误处理。
3. 将不同的API进行分组管理，对多个相关接口进行模块化封装。

如何处理axios发送请求的错误？

.catch() 回调函数

如何处理axios请求的响应数据？

.then() 回调函数

如何设置axios的请求拦截器和响应拦截器？

1. axios提供了拦截器（interceptors）来全局配置请求和响应。
2. 可以使用axios.interceptors.request.use方法来添加请求拦截器，axios.interceptors.response.use方法来添加响应拦截器。
3. 通过拦截器可以对请求和响应进行预处理、添加公共参数、统一处理错误等。