Vercel部署项目后动态GIF横幅无法正常生成求助

我刚完成第一个基于JavaScript后端+React前端的项目，功能是生成可自定义颜色、文字、字体的个性化动态GIF横幅。本地运行时所有功能完全正常，但部署到Vercel后，动态GIF横幅无法正确生成。经过多日排查，发现两个关键异常：

• 后端生成的Blob体积仅约600字节，远小于本地环境下的数值
• Blob的Content-Type为text/html，而非本地环境的image/gif

我已经检查并确认以下配置均正确设置：

1. CORS配置：

app.use(
  cors({
    origin: "*",
    methods: "GET",
    allowedHeaders: ["Content-Type", "Authorization"],
  })
);

2. Content-Type设置：

res.set("Content-Type", "image/gif");

3. 后端核心接口代码：

app.get("/generate-banner", async (req, res) => {

  // Default values
  const text = req.query.text || "This is your banner";
  const textColor = req.query.textColor || "FFFFFF";
  const bgColor = req.query.bgColor || "000000";
  const font = req.query.font || "Arial";
  const fontSize = req.query.fontSize || "18";

  // Generates the GIF
  const gifBuffer = createBannerGif(text, textColor, bgColor, font, fontSize);
  (...)

  // Returns the GIF
  return gifBuffer;
};

4. 前端请求代码：

fetch(`https://banderole.vercel.app/generate-banner?text=${text}&textColor=${strippedTextColor}&bgColor=${strippedBgColor}&font=${selectedFont}&fontSize=${selectedFontSize}`)

5. 本地环境中所有功能均正常运行

若有疑问，欢迎随时提出！

内容的提问来源于stack exchange，提问作者Kanakito