L'application du site Web Vite Reactjs n'appelle pas l'API en production mais fonctionne correctement sur localhost

Question

J'essaie de déployer mon application sur Netlify. La page de destination récupère une série d’images pour créer un effet de galerie. Page de connexion sur localhost Cela fonctionne bien sur ma machine locale, mais après le déploiement, l'API n'est pas appelée et l'application est en cours de chargement. Page de connexion sur le serveur Netlify. J'ai trouvé dans l'onglet réseau des outils de développement que l'API était appelée sur localhost onglet réseau localhost Et sur le serveur de développement la requête API n'est pas déclenchée. Déployez l'onglet réseau du serveur.

Le code de l'appel API est Code d'appel API

Je ne sais pas quoi faire. J'essaie de faire fonctionner l'API dans un environnement de production.

Answer 1

Dans votre useEffect中，你没有调用fetchImage, mais en le rendant.

volonté

useEffect(()=>fetchImage, [])

a été modifié en

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

ou directement

useEffect(fetchImage, [])

La raison pour laquelle cela fonctionne dans l'environnement local est un peu intéressante. Lorsque vous êtes en useEffect钩子函数中返回一个函数时，它将在组件的销毁阶段使用，这意味着当React卸载组件时会调用该函数。在开发模式下，React在挂载组件后会卸载和重新挂载组件，从而调用fetchImage - votre fonction de destruction. Cela ne se produit pas dans un environnement de construction.