介绍
npm 是一个包管理工具，可以方便地安装、升级、删除、查找各种 JavaScript 包。@shopify/network 是 Shopify 内部使用的一个网络请求库，目的是提供一种快捷、可定制和可扩展的 AJAX 库。
安装和使用
安装
要使用 @shopify/network 包，需要首先安装它。可以使用 npm 命令行安装：
npm install @shopify/network
初始化
import fetch from '@shopify/network';
调用API
-- -------------------- ---- -------
----- ------- - -
---- -------
------- -------
-------- -
--------------- -------------------
--
----- ------------------ -- -- ----
--
--------------------
---------------- -- -
----------------------
--
-------------- -- -
---------------------
---取消请求
-- -------------------- ---- -------
----- ---------- - --- ------------------
----- -------- - -----------
----- ------- - -
---- -------
------- -------
------- -------
----- ------------------ -- -- ----
--
--------------------
---------------- -- -
----------------------
--
-------------- -- -
---------------------
---
-- --------
-------------------------------- -- -- -
-------------------- -------------
---
-- ----
-------------------深入解析
URL 的处理
@shopify/network 是一个封装了 Promise 的 fetch 函数，也就是说，它是基于原生 fetch 的二次封装。它处理相对 URL 和绝对 URL 的方式与原生 fetch 不同。
- 相对 URL
- 浏览器环境下，相对 URL 应相对于当前网页的 URL 解析。
- Node.js 环境下，相对 URL 应相对于当前文件路径解析。
- 绝对 URL
- 直接使用，不会被解析。
通过这种方式，@shopify/network 可以更好地支持在浏览器和服务端环境下的工作。
故障判断
@shopify/network 支持状态码判断的错误处理，例如：
-- -------------------- ---- -------
--------------------
---------------- -- -
----------------------
-- ------------- -
-- --- - --- --------
------ ----------------
- ---- -
-- ---------
----- --- ------------ ----- - ------ - - -----------------
-
--
-------------------- -- -
--------------------------
--
-------------- -- -
---------------------
---总结
@shopify/network 是一款高效、灵活的 AJAX 库，可以帮助开发人员更轻松地完成 HTTP 请求处理。它的简洁、易用的 API 和丰富的扩展机制使得其成为前端开发中的一款优秀的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3cefeedbf7be33b25670d9