angular - Nswag/Angular 在错误事件中显示 API 错误消息

Question

首先，我使用 CQRS 架构作为后端 API，并使用 NSWAG 作为 API 连接；在服务代理中为前端 Angular 生成 API 端点。

我对我的 POST API 进行了简单的验证，在测试创建的 API 时，DevTools 中的结果有所不同。

在“网络”选项卡中，发生了我期望的验证，但是在“控制台”选项卡中结果不同；事实上，结果是我需要的。

这是我的问题。详细图片

API调用代码

     saveLocationType(createLocationTypeCommand){
    this.tenantService.createLocationType(createLocationTypeCommand).subscribe(result => {
   // Do Something
    }, error => {
      console.log(error); 
    })
  }

这是来自我在网络选项卡中的 API 的验证结果是正确的。

这是我在控制台中的问题，此处的结果在网络选项卡中必须相同。

我相信控制台中的结果来自服务代理，因为它是为前端生成/格式化 API 的。

有没有办法配置 NSWAG 的生成服务代理？还是有其他方法可以在“网络”选项卡中的“控制台”选项卡中显示相同的错误消息？

Answer 1

我使用这些参考解决了我的问题：

• https://github.com/RicoSuter/NSwag/issues/2327
• https://lurumad.github.io/problem-details-an-standard-way-for-specifying-errors-in-http-api-responses-asp.net-core

我为解决我的问题而实施的 C# Web API 中的片段

  [HttpPost("setup/locationType", Name = "createLocationType")]
        [ProducesResponseType((int)HttpStatusCode.OK)]
        [ProducesResponseType(typeof(ValidationProblemDetails), (int)HttpStatusCode.BadRequest)]
        public async Task<IActionResult> CreateLocationTypeAsync([FromBody] CreateLocationTypeCommand command)
        {
            try
            {
                var commandResult = await _mediator.Send(command);

                if (!commandResult)
                {
                    return BadRequest();
                }

                return Ok();
            }
            catch(Exception ex)
            {
                var problemDetails = new ValidationProblemDetails
                {
                    Status = (int)HttpStatusCode.BadRequest,
                    Type = "",
                    Title = "Create Location Type",
                    Detail = ex.Message,
                    Instance = HttpContext.Request.Path
                };

                return new ObjectResult(problemDetails)
                {
                    ContentTypes = { "application/problem+json" },
                    StatusCode = (int)HttpStatusCode.BadRequest,
                };
            }

        }

谢谢！

Answer 2

如果您使用 angular http 客户端，请尝试使用 responseType 文本选项。

return this.http.post(url,body, {responseType: 'text'}).subscribe()

客户端尝试将响应作为 responseType: 'json' 默认处理。他尝试将此响应解析为 json 并失败并引发此错误。

有关非 Json 响应体的更多信息，您可以在此处找到：https ://angular.io/guide/http#requesting-non-json-data