生产环境下React前端调用OpenAI API的fetch方法失效求助

背景 #

目标状态 #

提供基于OpenAI聊天机器人API的服务供用户使用。

环境配置 #

• 前端：Vite构建的React.js应用，已部署在Cloudflare Pages
• 后端：Node.js应用，使用Express、OpenAI、Airtable第三方库，已部署在render.com

问题表现 #

前端处于生产环境时，无法接收OpenAI API的响应。

正常工作场景 #

非生产环境下提交问题可成功接收响应：

• 执行npm run dev时工作正常
• 执行npm run build后再运行npm run preview也能正常运行
  但前端部署到Cloudflare Pages后，API无法返回响应。

错误信息 #

• 生产环境提交问题时，控制台出现2个错误，指向构建后dist文件中的fetch代码块
• Network面板显示Failed to load response data: No data found for resource with given identifier

相关代码 #

已附上前端app.jsx、后端index.js及package.json的源代码。

已尝试操作 #

搜索解决方案但未找到，因本地与生产环境差异及后端部署知识不足，难以调试。

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