介绍
在前端开发中，我们常常需要在客户端使用 ajax 进行数据请求。fetch 是现代的一种获取资源的方式，它可以用于在网络上获取资源，并使用 Promise 机制处理响应。
portable-fetch 是一个基于 fetch 的 npm 包，它的目标是提供一种可移植的 window.fetch 实现，使你的代码能够在 Node.js 和浏览器两个环境中使用同样的代码，并且同时提供了更多的响应信息。
安装
使用 npm 安装 portable-fetch 只需要运行以下命令：
--- ------- -------------- ------
基本用法
portable-fetch 的使用方法和 fetch 类似，不同的是它多了一些配置选项。
----- ----- - --------------------------
------------------------------------- -
-------- -
--------------- ------------------
--
------- -------
----- ---------------- ---- ------- --
--
---------------- -- ----------------
------------ -- ------------------
-------------- -- ----------------------这里我们传递了 URL 和一些配置项，包括请求头、请求方法以及请求主体。我们使用 Promise 的 then() 方法处理响应，如果发生错误则使用 catch() 方法来捕获错误。
进阶用法
portable-fetch 不仅可以发送 GET 和 POST 请求，也可以发送具有不同 HTTP 方法的请求（例如 PUT、DELETE 等），并且也支持处理文件上传的请求。
发送一个上传文件的请求：
----- ----- - -------------------------- ----- -------- - --- ----------- ----------------------- --------------------------- --------------------------------------- - ------- ------- ----- -------- -- ---------------- -- ---------------- ------------ -- ------------------ -------------- -- ----------------------
处理响应的同时，你还可以查看每个响应的详细信息，例如响应状态、响应头等。
------------------------------------- -
-------- -
--------------- ------------------
--
------- -------
----- ---------------- ---- ------- --
--
---------------- -- -
----------------------------- -- -----
-------------------------------------------------- -- -- ------------ ---
------ ----------------
--
------------ -- ------------------
-------------- -- ----------------------总结
portable-fetch 让我们可以在 Node.js 和浏览器环境中复用相同的代码，并提供了更多的响应信息。可以使用 fetch() 函数来进行请求，并在 promise 链中处理服务器的响应，这样就可以轻松地进行异步数据交互。
示例代码
----- ----- - --------------------------
------------------------------------- -
-------- -
--------------- ------------------
--
------- -------
----- ---------------- ---- ------- --
--
---------------- -- ----------------
------------ -- ------------------
-------------- -- ----------------------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/108259