简单的说一下axios和fetch

目录

前言

axios是什么

fetch是什么

两者的异同

总结

---

前言

Axios 和 Fetch 都是用于发送 HTTP 请求的库，它们都可以在浏览器和 Node.js 环境中使用。下面是它们的简要介绍以及它们的异同：

axios是什么

1. Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 Node.js 环境。
2. Axios 提供了一些高级功能，如拦截器、取消请求、请求和响应的转换等。
3. Axios 可以在浏览器和 Node.js 环境中使用，但在 Node.js 中需要安装额外的依赖（如 `axios/lib/adapters/http`）。
4. Axios 的 API 设计简洁易用，支持链式调用和 Promise。

fetch是什么

1. Fetch 是一个原生的浏览器 API，用于发送 HTTP 请求。
2. Fetch 返回的是一个 Promise，但它的错误处理方式与 Axios 不同，需要手动检查响应的 ok 属性。
3. Fetch 不支持请求和响应的转换、拦截器等高级功能，需要手动实现这些功能。
4. Fetch 的 API 设计较为复杂，需要更多的代码来实现相同的功能。

两者的异同

相同点：
1. 都是用于发送 HTTP 请求的库。
2. 都支持 Promise。

不同点：
1. 实现方式：Axios 是一个第三方库，可以在浏览器和 Node.js 中使用；Fetch 是浏览器的原生 API。
2. 高级功能：Axios 提供了一些高级功能，如拦截器、取消请求、请求和响应的转换等；Fetch 需要手动实现这些功能。
3. API 设计：Axios 的 API 设计简洁易用，支持链式调用和 Promise；Fetch 的 API 设计较为复杂，需要更多的代码来实现相同的功能。
4. 错误处理：Axios 和 Fetch 的错误处理方式不同，Axios 会在请求失败时抛出错误，而 Fetch 需要手动检查响应的 ok 属性。

总结

Axios 和 Fetch 都是用于发送 HTTP 请求的库，但 Axios 提供了更多的高级功能和简洁的 API 设计。在实际项目中，可以根据需求和场景选择合适的库。如果需要更多的高级功能和简洁的 API 设计，可以选择 Axios；如果需要使用原生的浏览器 API，可以选择 Fetch。