什么是 isomorphic-http？
isomorphic-http 是一个基于 fetch API 的 npm 包，它可以在服务器和客户端都能够使用。与传统的 Ajax 不同，它可以在服务器端和前端同时完成请求和响应。这使得我们能够在服务端渲染应用时更加方便。
如何安装 isomorphic-http？
使用 npm 下载 isomorphic-http：
npm install isomorphic-http --save
如何使用 isomorphic-http？
isomorphic-http 的使用十分简单，可以在服务器端和前端使用相同的代码进行请求和响应。以下是一个基本的请求应答示例：
-- -------------------- ---- -------
------ ---- ---- ------------------
--------------------------------------------------------
-------------- -- -
----------------------
-- ---- ------- -- --- -- ------ --------- --- ------- ---------- ----- -
--
------------ -- -
---------------------
---在这个示例中，我们通过调用 http.get() 方法向 https://jsonplaceholder.typicode.com/todos/1 发送了一个 GET 请求，然后在 then() 回调函数中处理响应数据。
如果你需要向服务器发送 POST 请求，可以使用 http.post() 方法。示例如下：
-- -------------------- ---- -------
------ ---- ---- ------------------
------------------------------------------------------- -
------ ------
----- ------
------- --
--
-------------- -- -
----------------------
-- ---- ------ ------ ----- ------ ------- -- --- --- -
--
------------ -- -
---------------------
---同样的，在这个示例中，我们使用 http.post() 方法向服务器发送一个 POST 请求，同时在 then() 回调函数中处理响应数据。
isomorphic-http 的高级用法
isomorphic-http 还有一些高级用法，以下是一些示例：
向服务器发送文件
-- -------------------- ---- -------
------ ---- ---- ------------------
----- ---- - --- -----------
------------------- ----------------
--------------------------------------- -----
-------------- -- -
----------------------
--
------------ -- -
---------------------
---在这个代码中，我们使用 FormData() 类创建了一个包含文件的表单数据，在发送 POST 请求时将其作为参数传递给 http.post() 方法。
向服务器发送请求头
-- -------------------- ---- -------
------ ---- ---- ------------------
------------------------------- -
-------- -
-------------- ------- ---------
--
--
-------------- -- -
----------------------
--
------------ -- -
---------------------
---在这个代码中，我们定义了一个包含 Authorization 请求头的 GET 请求，并将其作为可选参数传递给 http.get() 方法。
使用拦截器
-- -------------------- ---- -------
------ ---- ---- ------------------
------------------------------------ -- -
---------------------------- - ------- ----------------------------------
------ -------
---
----------------------------------------
-------------- -- -
----------------------
--
------------ -- -
---------------------
---在这个代码中，我们使用 http.interceptors 对象拦截请求，并在发送请求前设置 Authorization 请求头。
总结
isomorphic-http 是一个能够在服务器和客户端都能够使用的 npm 包。通过使用 isomorphic-http，我们可以更加方便地处理应用程序的请求和响应。在本文中，我们介绍了 isomorphic-http 的基本用法以及一些高级用法，如果你对此感兴趣，可以去 npm 官网查看相关文档，或者参考 isomorphic-http 项目的 GitHub 仓库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558a381e8991b448d5f40