angular - 在 Postman 中正确返回 422 错误，但在 Angular 8 HTTPClient 发布请求中未正确返回

Question

我正在 Angular 8 中测试一个简单的登录 API 调用。当我使用正确的凭据时，帖子工作正常并且我已登录。

当我使用无效凭据测试调用时，我在 Angular 中没有看到正确的错误响应。

当我使用无效凭据在 Postman 中测试呼叫时，我得到：

{ "error": { "title": "Error", "status": 422, "message": "Those details are incorrect", "code": "VALIDATION_ERROR" } }

当我使用无效凭据在 Angular 中进行调用时，我得到以下信息：

Error Response:  {
    "headers": {
        "normalizedNames": {},
        "lazyUpdate": null,
        "headers": {}
    },
    "status": 422,
    "statusText": "OK",
    "url": "https://myServerName/login",
    "ok": false,
    "name": "HttpErrorResponse",
    "message": "Http failure response for https://myServerName/login: 422 OK",
    "error": null
}

任何想法为什么会发生这种情况？

Answer 1

这会发生，因为当您从 API 获得错误响应时，响应标头中的内容类型不是“application/json”。如此有角度，无法正确解析错误响应。