在前端开发中，经常需要和后端进行数据交互。而对于小程序开发来说，还需要与微信服务器进行交互。虽然微信提供了一些 API，但有时候我们还需要封装一些自己的 API，或者对微信提供的 API 进行二次封装。这时候，npm 包 wx-http 就可以为我们带来便利。
wx-http 简介
wx-http 是一个基于 Promise 的微信小程序网络请求库，它支持链式调用，提供了方便的 API，可以让我们轻松地进行网络请求。
如何安装
可以通过 npm 来安装 wx-http：
npm install wx-http --save
安装完成后，在小程序中 import 使用：
import wxHttp from 'wx-http'
使用 wx-http 进行网络请求
使用 wx-http 最基本的功能就是发送一个 get 请求：
wxHttp.get(url, params)
.then(response => {
console.log(response)
})
.catch(error => {
console.error(error)
})这里的 url 是请求的地址，params 是请求参数。如有参数就按照 GET 的方式拼接到 url 中去。
如果请求需要带上数据，可以使用 post 请求：
wxHttp.post(url, data)
.then(response => {
console.log(response)
})
.catch(error => {
console.error(error)
})这里的 url 是请求的地址，data 是请求的数据。
以上两个请求方式也可以使用全局请求配置：
-- -------------------- ---- -------
---------------
-------- ----------------------------
-------- -
-------------- ------- - - -----
--
-------- ----
--
-------------------- ------ ---
-------------- -- -
---------------------
--
------------ -- -
--------------------
--这里的 baseUrl 是 API 的基地址，headers 是请求头，timeout 是请求超时时间。
链式请求
使用 wx-http 时，我们可以实现链式调用，来串联多个请求。例如：
-- -------------------- ---- -------
-------------------- ------ ---
-------------- -- -
---------------------
------ ----------------------- ------ ---
--
-------------- -- -
---------------------
------ --------------------- ---------- ------- --------- ----------
--
-------------- -- -
---------------------
--
------------ -- -
--------------------
--这里将三个请求串联起来，每个 then 中都返回了一个新的请求。这种方式使得代码的可读性更好，也更方便管理请求顺序。
请求拦截器
wx-http 还提供了请求拦截器和响应拦截器，可以在执行请求前和响应返回时进行拦截。
-- -------------------- ---- ------- ------------------------- - -------- -- - -- ------------- ------ ------ - -------------------------- - ---------- -- - -- ------------- ------ -------- -
结语
wx-http 是一个非常实用的微信小程序网络请求工具，它方便快捷，在小程序开发中很容易上手，并提供了丰富的 API 可以进行定制化的操作。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566c081e8991b448e3112