Vite Reactjs Web サイト アプリは本番環境では API を呼び出しませんが、ローカルホストでは正常に動作します

Question

アプリケーションを Netlify にデプロイしようとしています。ランディング ページは、ギャラリー効果を作成するために一連の画像を取得します。 ローカルホストのログインページ ローカル マシンでは正常に実行されていますが、デプロイ後、API が呼び出されず、アプリケーションは読み込み中の状態になります。 Netlify サーバーのログイン ページ。 開発ツールのネットワークタブで、APIがローカルホストで呼び出されていることがわかりました ローカルホストネットワークタブ また、開発サーバーでは API リクエストはトリガーされません。 サーバーネットワークタブを展開します。

API 呼び出しのコードは次のとおりです。 API 呼び出しコード

どうすればいいのかわかりません。 API を実稼働環境で動作できるようにしようとしています。

Answer 1

useEffect では、fetchImage を呼び出しているのではなく、それを返しています。 ＃＃＃意思＃＃＃ リーリー ＃＃＃着替える＃＃＃ リーリー

または直接

リーリー

ローカル環境で実行できる理由はちょっと興味深いです。

useEffect

フック関数で関数を返すと、その関数はコンポーネントの破棄フェーズで使用されます。つまり、React がコンポーネントをアンロードするときに関数が呼び出されます。開発モードでは、React はコンポーネントをアンマウントし、マウント後に再マウントするため、破壊関数である

fetchImage

が呼び出されます。ビルド環境ではこのようなことは起こりません。