如何在 API 调用中为 Angular 8 中的一个对象设置响应类型

Question

我有一个用 C# 编写的 API，它将对象数据作为 json 发送，其中一个数据采用 byte[] 的形式。
模型：

public class A {
int id;
string name;
byte[] data;
}

应用程序接口：

[HttpGet]
[Route("~/api/getdata")]
public IActionResult GetData()
{
  A a = new A
    { id= 1,
      name = "JOHN",
      data = { 0, 0, 0, 25 } 
     };
  return Ok(a);
}

当我在我的 angular 应用程序中调用相同的 API 时：

getData(): Observable<A> {
    return this.http.get<A>(`${API_URL}/api/getdata`).pipe(
      map(data => data)
    );
  }

我也在我的客户端中定义了相同的模型 A：
A：

 export interface A { id: number; name: string; data: ArrayBuffer; }

但是当我调用 API 时，数据被转换为 base64 编码的字符串。 有没有办法让我只得到数组缓冲区，而我不需要编写任何额外的方法来从 base 64 字符串转换为数组缓冲区。

我尝试使用：

 getData(): Observable<A> { const httpOptions = { 'responseType': 'arraybuffer' as 'json' }; return this.http.get<A>(`${API_URL}/api/getdata`, httpOptions).pipe( map(data => data) ); }

但它正在将完整的响应转换为数组缓冲区，因为我想要数组缓冲区仅用于 ArrayBuffer 类型的数据。

Answer 1

关于你的评论

@MoxxiManagarm 问题是我在数组缓冲区中有 200MB 的数据，因此在前端，将 base 64 字符串转换为数组缓冲区会使我的浏览器崩溃。

这是一个严重的架构问题。 没有人应该在 json 中传输 200MB 的数据。 请考虑仅提供数据的 id，并使用相应的响应类型（arraybuffer 或 blob）连接另一个请求以检索数据。

另见： https : //developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data