在前端开发过程中，我们需要经常与后端 API 进行交互。@request/interface 是一个优秀的 NPM 包，它提供了一种方便的方式来定义和验证 API 请求和响应的数据类型。
安装 @request/interface
使用 npm 命令安装 @request/interface NPM 包:
npm install @request/interface --save-dev
定义请求和响应的数据类型
在你的项目中定义请求和响应的数据类型，只需要创建一个 TypeScript 接口并使用 RequestSchema 或者 ResponseSchema 装饰器进行修饰。例如：
-- -------------------- ---- ------- ------ - -------------- -------------- - ---- --------------------- --------- ---------------- - ------ ------- --------- ------- - -------------------------------- ----- ------------ -- --------- ----------------- - ------ ------- - ---------------------------------- ----- ------------- --
这里我们定义了一个名为 LoginRequestData 的接口，它包含了两个字符串类型的属性：email 和 password。然后我们创建了一个名为 LoginRequest 的类，并使用 RequestSchema 装饰器把 LoginRequestData 接口对象作为其参数传递进去。
同样地，我们定义了一个名为 LoginResponseData 的接口，它包含了一个字符串类型的属性：token。然后我们创建了一个名为 LoginResponse 的类，并使用 ResponseSchema 装饰器把 LoginResponseData 接口对象作为其参数传递进去。
使用 @request/interface 验证请求和响应的数据类型
使用 @request/interface 验证请求和响应的数据类型非常容易。在发送 API 请求时，只需要把请求数据传递给 validateRequestSchema 方法进行验证即可。例如：
-- -------------------- ---- -------
------ - ---------------------- ---------------------- - ---- ---------------------
----- -------- ------------ ------- --------- ------- -
----- ----------- - - ------ -------- --
----- -------------- - ----------------------------------- -------------
-- ----------------- -
----- --- -------------- ------- -------
-
----- -------- - ----- ------------------- -
------- -------
----- ----------------------------
-------- - --------------- ------------------ --
---
----- ------------ - ----- ----------------
----- --------------- - ------------------------------------- --------------
-- ------------------ -
----- --- -------------- -------- -------
-
------ -------------------
-在上面的代码中，我们首先创建了名为 login 的异步函数，该函数接收一个邮箱和密码作为输入。然后我们创建了一个名为 requestData 的对象，用于存储请求数据。接着，我们调用 validateRequestSchema 方法来验证 requestData 是否与 LoginRequest 类型匹配。如果不匹配，就会抛出一个错误，并停止执行。
接下来，我们通过 fetch 函数发送 API 请求，并解析返回的 JSON 数据。然后，我们再次使用 validateResponseSchema 方法来验证响应数据是否与 LoginResponse 类型匹配。如果不匹配，就会抛出一个错误，并停止执行。
最后，我们从响应数据中提取 token 并返回它。
结论
使用 @request/interface NPM 包可以方便地定义和验证请求和响应的数据类型。这个过程可以帮助开发人员减少代码错误及其它问题，同时也提高了代码的可读性和可维护性。强烈建议在前端项目中使用该包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f24124e2e69b87566421dce
