在前端开发中，我们经常需要与后端进行数据交互。在这个过程中，我们通常需要使用 RESTful API。为了简化这一过程，@eviljs/std-rest 成为了前端开发者的必备工具。下面我们将介绍如何使用这个 npm 包。
安装
在使用 @eviljs/std-rest 之前，我们需要安装它。在命令行中输入以下代码：
npm install @eviljs/std-rest
运行该命令后，可以在项目的 node_modules 目录中看到这个模块。
使用
创建 REST 对象
我们可以使用require()方法引入模块，然后使用该模块的REST对象：
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');在上面的例子中，我们使用了https://example.com/api作为 REST API 的根地址。通过这个对象，我们可以发送 GET、POST、PUT 和 DELETE 请求。而其他 HTTP 方法需要我们手动设置。
REST 对象的 API
REST 对象提供了一组方法，用于发送不同类型的 HTTP 请求。这些方法都返回一个 Promise。
REST.prototype.client
client属性是http或https对象的引用，这取决于 REST API 根地址的协议。
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');
console.log(rest.client); // 输出 https 模块REST.prototype.request(method, url, [options])
该方法允许我们自定义 HTTP 请求。例如，我们可以手动上传文件，或定制请求头。下面是一个例子：
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');
rest.request('POST', '/file', { form: { file: 'example.txt' }, headers: { Authorization: 'Bearer <token>' } })
.then(response => console.log(response))
.catch(error => console.error(error));上面的代码向https://example.com/api/file发送了一个 POST 请求，并附加了一个表单数据和身份验证信息。
REST.prototype.get(url, [options])
该方法用于发送 GET 请求。url参数是路径，以/开头。
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');
rest.get('/user/123')
.then(user => console.log(user))
.catch(error => console.error(error));该代码将以 GET 方法请求https://example.com/api/user/123。
REST.prototype.post(url, [data], [options])
该方法用于发送 POST 请求。url参数是路径，以/开头。data参数是要提交的数据，可以是一个对象、字符串或二进制数据。options参数是一个对象，包含自定义请求参数的设置。
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');
const body = { name: 'example', age: 21 };
const options = { headers: { 'Content-Type': 'application/json' } };
rest.post('/user', body, options)
.then(response => console.log(response))
.catch(error => console.error(error));该代码将以 POST 方法提交一个 JSON 数据到https://example.com/api/user。
REST.prototype.update(url, [data], [options])
该方法用于发送 PUT 请求。url参数是路径，以/开头。data参数是要提交的数据，可以是一个对象、字符串或二进制数据。options参数是一个对象，包含自定义请求参数的设置。
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');
const body = { name: 'example', age: 22 };
const options = { headers: { 'Content-Type': 'application/json' } };
rest.update('/user/123', body, options)
.then(response => console.log(response))
.catch(error => console.error(error));该代码将以 PUT 方法提交一个 JSON 数据到https://example.com/api/user/123。
REST.prototype.delete(url, [options])
该方法用于发送 DELETE 请求。url参数是路径，以/开头。
const { REST } = require('@eviljs/std-rest');
const rest = new REST('https://example.com/api');
rest.delete('/user/123')
.then(response => console.log(response))
.catch(error => console.error(error));该代码将以 DELETE 方法请求https://example.com/api/user/123。
完整示例
下面是一个向 REST API 发送一个 GET 请求，并将结果显示在页面上的 HTML 页面示例代码：
-- -------------------- ---- -------
--------- -----
------
------
-------------------
------- -------------------------------------------------------------
-------
------
-------------
-- -----------------
--------
----- - ---- - - ----------------
----- ---- - --- --------------------------------
---------------------
---------- -- -------------------------------------------- - ---------------------
------------ -- ----------------------
---------
-------
-------在上面的代码中，我们首先通过https://cdn.jsdelivr.net/npm/@eviljs/std-rest引入了@eviljs/std-rest模块。然后我们创建了一个REST对象，并使用它的get方法获取了一个REST API上的数据。
总结
在本文中，我们介绍了@eviljs/std-rest的安装和使用。我们了解了REST对象的API，并提供了示例代码。通过这个npm包，我们可以更加容易地与REST API进行交互，节省了在前端开发中的很多时间和精力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108755