在后端获取 blob 并发送到前端

Question

我正在尝试获取 media/gif 形式的 blob，然后立即将其发送到我的前端。出于安全和缓存目的，我需要首先在我的后端（Vercel 中的无服务器功能）获取它。当直接从 Postman 和我的前端中的源 URL 获取 blob/image 时，一切正常，但是当首先在我的后端获取它，然后将它传递给 Postman 和我的前端时，它没有工作。

我的后端代码：

export default async (_: NowRequest, response: NowResponse) => {
  const res = await Axios.get(
    "{BLOB_URL}"
  );
  response.setHeader("Content-Type", "media/gif");

  return response.status(200).send(res.data);
};

我错过了什么？

Answer 1

通过添加以下内容解决：

export default async (_: NowRequest, response: NowResponse) => {

  const res = await Axios.get(
    "{BLOB_URL}",
     { responseType: "arraybuffer" } <--- ADDED THIS
  );

  response.setHeader("Content-Type", "media/gif");

  return response.status(200).send(res.data);
};

在后端获取 blob 并发送到前端

Fetch blob in backend and send to front end

blob

gif

serverless

vercel