在前端开发过程中，经常会遇到请求接口返回错误信息的情况，如何规范处理错误信息，提高代码维护和重用性是一个问题。这时候，一个好用的 npm 包 response-error 就能解决我们的烦恼。
response-error 是什么
response-error 是一个基于 HTTP 响应状态码的错误消息生成器，提供统一的错误消息格式，方便开发者调试和处理错误。它支持自定义错误类型和错误消息，可以在前端项目中统一管理错误类型，提高开发效率。
如何使用 response-error
安装 response-error
在项目中通过 npm 安装 response-error 包：
npm install response-error --save
引入 response-error
在需要使用 response-error 的代码文件头部引入：
import ResponseError from 'response-error';
或
const ResponseError = require('response-error');使用 response-error
1. 创建一个自定义错误类型
const MyErrors = {
NO_LOGIN: 1001,
NO_PERMISSION: 1002,
PARAM_ERROR: 1003,
...
};其中，自定义错误类型可以由一个数字组成，也可以由 [数字, 错误消息] 组合而成。
2. 定义错误消息
const ErrorMessages = {
[MyErrors.NO_LOGIN]: '请先登录',
[MyErrors.NO_PERMISSION]: '没有操作权限',
[MyErrors.PARAM_ERROR]: '请求参数错误',
...
};3. 实例化 ResponseError
const responseError = new ResponseError(MyErrors, ErrorMessages);
4. 处理错误信息
try {
// 发送接口请求
} catch (e) {
const errorCode = e.response.status;
const errorMessage = responseError.getErrorMessage(errorCode);
alert(errorMessage);
}以上代码中，getErrorMessage 方法会根据传入的错误码返回对应的错误消息。通过这种方式，我们可以统一规范错误消息的格式，便于开发者调试和处理错误。
示例代码
-- -------------------- ---- ------- ------ ------------- ---- ----------------- ----- -------- - - --------- ----- -------------- ----- ------------ ----- -- ----- ------------- - - -------------------- ------- ------------------------- --------- ----------------------- --------- -- ----- ------------- - --- ----------------------- --------------- --- - -- ------ - ----- --- - ----- --------- - ------------------ ----- ------------ - ----------------------------------------- -------------------- -
总结
通过使用 response-error 包，我们可以规范化错误消息的格式，方便开发者调试和处理错误。在前端项目中统一管理错误类型，有利于提高开发效率和代码维护性。但是需要注意的是，response-error 是根据 HTTP 响应状态码生成错误消息，如果 API 接口返回的错误信息不是以 HTTP 状态码的形式提供，这种方式可能并不适用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c2181e8991b448d9bf4