Die Website-App von Vite Reactjs ruft in der Produktion keine API auf, läuft aber auf localhost einwandfrei

Question

Ich versuche, meine Anwendung auf Netlify bereitzustellen. Die Zielseite ruft eine Reihe von Bildern ab, um einen Galerieeffekt zu erzeugen. Anmeldeseite auf localhost Auf meinem lokalen Rechner läuft es einwandfrei, aber nach der Bereitstellung wird die API nicht aufgerufen und die Anwendung befindet sich im Ladezustand. Anmeldeseite auf dem Netlify-Server. Ich habe auf der Registerkarte „Netzwerk“ der Entwicklungstools festgestellt, dass die API auf localhost aufgerufen wurde Registerkarte „localhost-Netzwerk“. Und auf dem Entwicklungsserver wird die API-Anfrage nicht ausgelöst. Stellen Sie die Registerkarte „Servernetzwerk“ bereit.

Der Code für den API-Aufruf lautet API-Aufrufcode

Ich weiß nicht, was ich tun soll. Ich versuche, die API in einer Produktionsumgebung zum Laufen zu bringen.

Answer 1

在你的useEffect中，你没有调用fetchImage，而是在返回它。

将

useEffect(()=>fetchImage, [])

修改为

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

或者直接

useEffect(fetchImage, [])

之所以在本地环境下能够运行，原因有点有趣。当你在useEffect钩子函数中返回一个函数时，它将在组件的销毁阶段使用，这意味着当React卸载组件时会调用该函数。在开发模式下，React在挂载组件后会卸载和重新挂载组件，从而调用fetchImage - 你的销毁函数。而在生成环境中不会这样做。