使用 Azure 托管的 Node.js 服务器和 Cloudflare 上的 React 前端解决 CORS 问题

服务器和 Cloudflare 上的 React 前端解决 CORS 问题"/>

使用 Azure 托管的 Node.js 服务器和 Cloudflare 上的 React 前端解决 CORS 问题

我开发了一个带有 React 前端和 Node.js 后端的 Web 应用程序，但在部署它时遇到了 CORS 问题。这是设置：

1. Node.js 后端在 Azure Windows VM 上运行。
2. React 前端托管在 Cloudflare 上。
3. 在 VM 上安装了用于 HTTPS 的证书。

当我在本地运行应用程序时，一切正常。但是，在生产环境中，当前端尝试从后端获取数据时，我收到了 CORS 错误。错误信息是：

跨源请求被阻止：同源策略不允许读取位于 https://azureIPRemoved:3000/api/articles?title=What%20is%20the%20question%20removed? 的远程资源。 （原因：CORS请求没有成功）。状态代码：（空）。

我还收到一个标记为“获取文章时出错”的错误，然后是冗长的堆栈跟踪。最相关的部分似乎是：

网络错误 Axios错误 ERR_NETWORK

我在我的 Express.js 服务器中实现了 cors 中间件，如下所示：

const cors = require('cors');
app.use(cors());

尽管如此，我仍然看到 CORS 错误。我还确保所有请求都使用 HTTPS，并且在 Cloudflare 中设置了各种环境变量都无济于事。

我很难理解这个问题的根本原因。谁能帮我调试这个或建议潜在的解决方案？