使用移动设备时使用 Netlify 检索数据库数据时出错

Question

使用 Render 上托管的 PostgreSQL 数据库创建了一个非常基本的应用程序。如果通过桌面浏览器访问，该应用程序可以正常工作，但通过移动设备访问时无法检索数据库数据。 https://sdstockdb.netlify.app/

做了移动调试的屏幕截图（见附件）。返回时出现“连接被拒绝”错误，但它在桌面上运行正常？

我也尝试使用 URL 来获取，但没有帮助：

// Fetch items from the backend
  useEffect(() => {
    fetch("http://localhost:5000/api/items")
      .then((response) => response.json())
      .then((data) => setItems(data))
      .catch((error) => console.error("Error fetching data:", error));
  }, []);

我不明白为什么移动设备应该有所不同。当移动设备连接到与桌面相同的网络（桌面工作正常）以及移动设备使用移动数据时，我会收到错误消息。

如有任何建议，我们将不胜感激。

谢谢

尝试了以下方法：

• 更改 getch URL
• 不同的 bobile 设备
• 使用不同的网络

Answer 1

我在 Render 工作。

我确实看到您的应用程序在移动设备上运行，看起来您能够解决问题。

这不是您问题的一部分，但如果您在 Render 上托管前端，则位于同一私有云中的前端和后端之间的延迟会更短，并且无需处理传出流量的费用以便这两个服务进行通信。现在，Netlify 和 Render 都将跟踪所有传出流量，从 Netlify 到 Render，以及从 Render 返回到 Netlify，如果您的应用程序繁忙，则流量可能会增加。在 Render，如果您将前端和后端托管在一起，即使作为单独的服务，我们也不会收取应用程序通信的带宽费用。