前言
在前端开发中，我们经常需要向后端 API 发起请求获取数据，而 @bjoerge/http-browserify 是一款支持浏览器端发起 HTTP 请求的 npm 包。在本篇文章中，我们将会介绍 @bjoerge/http-browserify 的使用方法，以及如何在前端项目中集成 @bjoerge/http-browserify。
安装
通过 npm 可以很方便地进行安装。
npm install @bjoerge/http-browserify --save
使用
发起 GET 请求
@bjoerge/http-browserify 中提供了一个 get 方法来发起 GET 请求，下面是一个 GET 请求的示例。
-- -------------------- ---- -------
----- ---- - -----------------------------------
-----------------------------------------------
---------------- -- -
---------------------
--
-------------- -- -
------------------
--发起 POST 请求
@bjoerge/http-browserify 中提供了一个 post 方法来发起 POST 请求，下面是一个 POST 请求的示例。
-- -------------------- ---- -------
----- ---- - -----------------------------------
----- ---- - -
----- -------
---- --
-
----------------------------------------- -----
---------------- -- -
---------------------
--
-------------- -- -
------------------
--发起 PUT 请求
@bjoerge/http-browserify 中提供了一个 put 方法来发起 PUT 请求，下面是一个 PUT 请求的示例。
-- -------------------- ---- -------
----- ---- - -----------------------------------
----- ---- - -
----- -------
---- --
-
------------------------------------------ -----
---------------- -- -
---------------------
--
-------------- -- -
------------------
--发起 DELETE 请求
@bjoerge/http-browserify 中提供了一个 delete 方法来发起 DELETE 请求，下面是一个 DELETE 请求的示例。
-- -------------------- ---- -------
----- ---- - -----------------------------------
---------------------------------------------
---------------- -- -
---------------------
--
-------------- -- -
------------------
--自定义请求头
@bjoerge/http-browserify 提供了一个 headers 选项来自定义请求头，下面是一个自定义请求头的示例。
-- -------------------- ---- -------
----- ---- - -----------------------------------
----- ------- - -
-------- -
------------------ -----
-
-
----------------------------------- --------
---------------- -- -
---------------------
--
-------------- -- -
------------------
--总结
在本篇文章中，我们介绍了如何安装和使用 @bjoerge/http-browserify 这个 npm 包来发起 HTTP 请求，并且从代码层面分别展示了 GET、POST、PUT、DELETE 四种类型的请求方法。同时，我们还介绍了如何自定义请求头。这些知识点对于前端开发来说都是非常基础而且必不可少的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e4d9381d61a3540ab8