Axios 是一个基于 Promise 的 HTTP 客户端，可同时运行在浏览器和 node.js 中。它是一个非常流行的库，可以用来发送 HTTP 请求和处理响应数据。在 Express.js 中使用 Axios 库进行 HTTP 请求是很常见的需求，本文将介绍如何使用 Axios 库进行 HTTP 请求的最佳实践。
安装 Axios
首先，需要安装 Axios 库。可以使用 npm 安装它：
npm install axios --save
发送 HTTP 请求
使用 Axios 库发送 HTTP 请求非常简单。以下是一个简单的示例，演示如何使用 Axios 发送 GET 请求：
-- -------------------- ---- ------- ----- ----- - ----------------- --------------------------------------------------------- -------------- -- - --------------------------- -- ------------ -- - ------------------- ---展开代码
在上面的示例中，我们使用 Axios 发送了一个 GET 请求到一个公共的 JSON 数据源。然后，我们使用 .then() 处理响应数据，并使用 .catch() 处理错误。
处理响应数据
Axios 库可以自动将响应数据转换为 JavaScript 对象。这意味着，我们可以直接访问响应数据的属性。以下是一个示例，演示如何访问响应数据的属性：
-- -------------------- ---- ------- ----- ----- - ----------------- --------------------------------------------------------- -------------- -- - --------------------------------- -- ------------ -- - ------------------- ---展开代码
在上面的示例中，我们访问了响应数据的 title 属性。
处理错误
当请求失败时，Axios 库会返回一个错误对象。我们可以使用 .catch() 处理错误。以下是一个示例，演示如何处理错误：
-- -------------------- ---- ------- ----- ----- - ----------------- ----------------------------------------------------------- -------------- -- - --------------------------- -- ------------ -- - ----------------------------------- ---展开代码
在上面的示例中，我们发送了一个无效的请求，Axios 库返回了一个错误对象。我们使用 .catch() 处理错误，并访问错误对象的 response.status 属性。
发送 POST 请求
使用 Axios 库发送 POST 请求也非常简单。以下是一个示例，演示如何使用 Axios 发送 POST 请求：
-- -------------------- ---- ------- ----- ----- - ----------------- -------------------------------------------------------- - ------ ------ ----- ------ ------- - -- -------------- -- - --------------------------- -- ------------ -- - ------------------- ---展开代码
在上面的示例中，我们使用 Axios 发送了一个 POST 请求到一个公共的 JSON 数据源。我们也可以在请求中包含一些数据，如 title、body 和 userId。
设置请求头
有时候，我们需要在请求中设置一些请求头。可以使用 Axios 库的 headers 选项来设置请求头。以下是一个示例，演示如何设置请求头：
-- -------------------- ---- ------- ----- ----- - ----------------- --------------------------------------------------------- - -------- - ---------------- ------- - - ----- - -- -------------- -- - --------------------------- -- ------------ -- - ------------------- ---展开代码
在上面的示例中，我们使用 headers 选项设置了一个名为 Authorization 的请求头，它包含一个令牌。
结语
在 Express.js 中使用 Axios 库进行 HTTP 请求是非常常见的需求。本文介绍了如何使用 Axios 库进行 HTTP 请求的最佳实践，包括发送 HTTP 请求、处理响应数据、处理错误、发送 POST 请求以及设置请求头。希望这篇文章能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d991c5a941bf713413ed58
