npm 包 @tongdun/utils-http 使用教程

阅读时长 4 分钟读完

前言

@tongdun/utils-http 是一个由同盾科技公司开发的 npm 包,它提供了一些常用的 HTTP 操作方法,如 GET、POST、PUT、DELETE 等,以方便前端开发者在项目中进行网络请求操作。

安装

在终端操作窗口中执行以下命令即可安装:

使用

在项目中使用 @tongdun/utils-http,你可以通过以下方式引入:

GET 请求

发起一个 GET 请求需要传入一个带有 URL 的参数,通过 .get() 方法实现。

-- -------------------- ---- -------
----------
    ---- --------------------------------------
    ----- -
        --------- ----------
        ------ --------
    -
---------------- -- -
    ----------------------
-------------- -- -
    -------------------
---
展开代码

POST 请求

发起一个 POST 请求需要传入一个带有 URL 和请求体的参数,通过 .post() 方法实现。

-- -------------------- ---- -------
-----------
    ---- --------------------------------------
    ----- -
        --------- ----------
        --------- --------
    -
---------------- -- -
    ----------------------
-------------- -- -
    -------------------
---
展开代码

PUT 请求

发起一个 PUT 请求需要传入一个带有 URL 和请求体的参数,通过 .put() 方法实现。

-- -------------------- ---- -------
----------
    ---- --------------------------------------
    ----- -
        --------- ----------
        --------- --------
    -
---------------- -- -
    ----------------------
-------------- -- -
    -------------------
---
展开代码

DELETE 请求

发起一个 DELETE 请求需要传入一个带有 URL 的参数,通过 .delete() 方法实现。

-- -------------------- ---- -------
-------------
    ---- --------------------------------------
    ----- -
        ------ --------
    -
---------------- -- -
    ----------------------
-------------- -- -
    -------------------
---
展开代码

注意事项

  • 如果请求的接口需要带有 token 等验证信息,需要在 headers 中设置,如下所示:

    -- -------------------- ---- -------
    ----- ------- - -
        ---------------- ------- - - -----
    -
    
    ----------
        ---- --------------------------------------
        -------- -------
    ---------------- -- -
        ----------------------
    -------------- -- -
        -------------------
    ---
    展开代码
  • 在请求体中上传文件时,需要设置请求头的 content-type 为 'multipart/form-data',如下所示:

    -- -------------------- ---- -------
    ----- ---- - --- ----------
    ------------------- -----
    
    -----------
        ---- --------------------------------------
        -------- -
            --------------- ---------------------
        --
        ----- ----
    ---------------- -- -
        ----------------------
    -------------- -- -
        -------------------
    ---
    展开代码

总结

@tongdun/utils-http 是一个十分实用的 npm 包,在项目中可以帮助前端开发者快速实现常用的网络请求操作。本文介绍了该包的基本使用方法和注意事项,希望可以为大家提供帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600668f7d9381d61a3540f30

纠错
反馈

纠错反馈