API 在生产过程中没有在 Vite Reactjs Web 应用程序中被调用，但在 localhost 上运行良好

Question

我正在尝试在 netlify 上部署我的应用程序。登录页面获取一堆图像以创建画廊效果。 它在本地计算机上运行良好，但是当我部署它时，API 没有被调用并且应用程序陷入加载状态。 。 我在开发工具的网络选项卡中发现正在本地主机上调用 API 并且 API 请求未在开发服务器上触发。 。

API调用代码为

我不知道该怎么办。我正在尝试让 API 在生产中运行。

Answer 1

您不是在您的

fetchImage

中调用

useEffect

，您正在退货。

改变

useEffect(()=>fetchImage, [])

至

useEffect(()=>fetchImage(), [])

或者只是

useEffect(fetchImage, [])

它在本地工作的原因有点有趣。当您从

useEffect

钩子返回一个函数时，它会在组件的析构函数中使用，这意味着当 React 卸载组件时它将被调用。当在开发模式下运行时，React 将在安装组件后卸载并重新安装组件，从而调用

fetchImage

- 你的析构函数。当为生产而构建时，它不会执行此操作。