前言
在现代的 Web 开发中，前端和后端已经不再是分离的两个领域，前端需要通过 HTTP 请求来和后端进行通信。而使用原生的 HTTP 请求方式实现这种通信是很繁琐的，所以我们推荐使用 npm 上的 http-calls 包来快速实现前端 HTTP 请求。
什么是 http-calls？
http-calls 是一个使用 Promise 实现的 Node.js，它利用 Node.js 的内置 http/https 模块，为前端 HTTP 请求提供了一个简单而强大的封装。它可以帮助我们轻松地发送 HTTP 请求，并处理响应结果，支持 GET、POST、PUT、DELETE、HEAD 等请求方式。而且，它是一个轻量级的包，安装和使用都非常简单。
安装
使用 npm 安装 http-calls：
npm install http-calls --save
安装完成后，我们就可以开始使用它了。
使用 http-calls
在我们的应用中使用 http-calls 是非常简单的。先导入 http-calls:
import { http } from 'http-calls';然后我们就可以发起 HTTP 请求了。下面是一个使用 http-calls 发送 GET 请求的示例代码：
http.get('https://jsonplaceholder.typicode.com/todos/1')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});上面的代码使用 http-calls 发送了一个 GET 请求给 jsonplaceholder.typicode.com，请求的地址是 https://jsonplaceholder.typicode.com/todos/1。请求成功后，我们会在控制台上看到响应数据。
对于 POST、PUT、DELETE 请求也是类似的，只需将 http.get 改为 http.post、http.put、http.delete 即可。
另外，我们还可以发起多个请求，这个时候可以使用 http.all 来发起一组并发请求：
-- -------------------- ---- -------
----------
-----------------
-----------------
----------------
--
----------------------------- ---------- ---------- -- -
--------------------------- --------------- ----------------
---
------------ -- -
---------------------
---http-calls 的配置项
http-calls 可以接收一个对象作为参数，这个对象包含了一些选项，用于配置 http-calls 的行为：
const options = {
baseURL: 'https://api.example.com',
headers: {
'Authorization': 'Bearer Token'
}
}
http.get('/users', options);- baseURL：所有请求的基础 URL，如果配置了这个选项，则后续所有请求的 URL 都会在这个基础 URL 的基础上继续拼接。
- headers：请求头信息。
这些选项可以使得 http-calls 的使用更加灵活。
总结
在实际的开发中，我们往往需要频繁地进行网路请求，而原生的 HTTP 请求相对麻烦，不利于开发效率的提升。使用 http-calls 包可以轻松地实现前端 HTTP 请求的封装，提升了我们的开发效率。而且 http-calls 还提供了非常详细的文档和示例代码，我们只需要按照文档即可快速上手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566b481e8991b448e3019