Next.js 静的サイトが「npm run build」中に API ルート データの取得に失敗するのはなぜですか?

Next.js 静的 Web サイトの実稼働ビルド中に API ルートを取得できません

npm run を使用して実稼働用の Next.js 静的 Web サイトを構築する場合ビルドすると、API ルートからデータをフェッチできないためにエラーが発生する可能性があります。この問題は通常、getStaticProps と getStaticPaths を使用して API ルートからデータをフェッチするときに発生します。

この問題を解決するには、Web サイトの操作中に動的に呼び出される API ルートが、Web サイトの運用中には利用できないことを理解することが重要です。静的ビルドプロセス。これは、その時点ではサーバーが実行されていないためです。

そのため、API ルートを仲介として使用するのではなく、getStaticProps と getStaticPaths でサーバー側のコードを直接実装することをお勧めします。これにより、ビルド中にデータをデータ ソースから直接フェッチできるようになります。

このアプローチを使用すると、getStaticProps はデータ ソースからデータをフェッチし、それを props としてコンポーネントに返します。同様に、getStaticPaths は、取得したデータに基づいて静的 Web サイトに必要なパスを生成します。

要約すると、静的ビルド プロセス中に getStaticProps と getStaticPaths でデータを直接取得することで、API ルートに依存する問題が解消されます。ビルド時には利用できません。このアプローチにより、静的 Web サイトがデータに適切にアクセスできるようになります。

以上がNext.js 静的サイトが「npm run build」中に API ルート データの取得に失敗するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。