前言
在前端开发中，我们经常需要从服务器端请求数据，与之前的前端展示不同，在现在的开发中，数据取回后，通常会在前端进一步处理，增加展示效果，用户体验等。在请求数据方面除了传统的XMLHttpRequest外, 还有其他的方法， 比如fetch， axios等。在这些方法中，appcd-request则提供了一个更为便捷的解决方案。本文将介绍npm包appcd-request并提供一个完整的使用教程。
appcd-request 是什么
appcd-request是一款强大、易于使用的Node.js应用程序的请求库，可以用于浏览器和Node.js环境。 它提供了一系列功能强大的特性, 可以让我们在请求数据的过程中, 轻松处理请求头, 请求体，甚至是权限验证,同时，它可以轻松处理错误，通过使用Promises来管理所有请求。下面我们将着重介绍这些特性。
安装appcd-request
首先您需要安装appcd-request :
npm install appcd-request --save
发起请求
appcd-request提供了namedExports, 默认以请求方式作为key导出。例如下面这个例子中：
import { post, get } from 'appcd-request'将导出post和get方法，你可以使用它们来发起POST和GET请求。
例如，在Node.js中，我们可以使用如下代码发起一个GET请求:
const { get } = require('appcd-request');
get('https://www.baidu.com')
.then(res => console.log(res.body.toString()))
.catch(error => console.error(error))在浏览器中则可以使用ES6 import语法：
import { get } from 'appcd-request';
get('https://www.baidu.com')
.then(res => console.log(res.body.toString()))
.catch(error => console.error(error))设置请求头
在实际开发中, 我们可能需要设置请求头, 比如设置Content-Type，User-Agent等，appcd-request提供了headers选项来设置请求头。例如：
-- -------------------- ---- -------
----- - --- - - -------------------------
-----
---- ------------------------
-------- -
------------- ------------ -------- -- ----- ------ ---- ------------------ ------- ---- ------ -------------------- -------------
-
--
--------- -- ---------------------------------
------------ -- ---------------------传递查询参数
在发起GET请求时，我们可以使用query选项传递查询参数。例如：
-- -------------------- ---- -------
----- - --- - - -------------------------
-----
---- --------------------------
------ -
--- ---------------
-
--
--------- -- ---------------------------------
------------ -- ---------------------发送POST数据
我们可以用appcd-request发送POST数据，它支持以下几种格式的POST数据：
- application/x-www-form-urlencoded（默认）。
- multipart/form-data.
- application/json.
例如，我们可以使用以下代码发送application/x-www-form-urlencoded格式的POST请求：
-- -------------------- ---- -------
----- - ---- - - -------------------------
------
---- ---------------------
----- -
---- -------
-
--
--------- -- ---------------------------------
------------ -- ---------------------发送multipart/form-data格式的POST请求：
-- -------------------- ---- -------
----- - ---- - - -------------------------
------
---- ---------------------------
--------- -
-------- ------------------------------------
-
-- ----- ---- ----- -- -
------------------
---发送application/json格式的POST请求：
-- -------------------- ---- -------
----- - ---- - - -------------------------
------
---- ---------------------
----- -
---- -------
-
--
--------- -- ---------------------------------
------------ -- ---------------------处理错误
appcd-request提供了异常处理，我们可以通过.catch()方法捕获请求中的错误。例如：
const { get } = require('appcd-request');
get('https://www.badurl.com/notfound')
.then(res => console.log(res.body.toString()))
.catch(error => console.error(error))结束语
appcd-request简化了Node.js和浏览器中的HTTP请求，它提供了丰富的选项和靠谱的错误处理，方便我们轻松的开展业务。期望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/74933