問題タブ [nextjs-dynamic-routing]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
next.js - サーバーで再検証されても、NextJS 静的ページがブラウザーで更新されない
getStaticProps()と組み合わせて使用する多くのサイトを持つ NextJS プロジェクトがありますrevalidate。予想どおり、ページはビルド時に生成され、指定された間隔で再ビルドされます (REST クライアントを使用して検証)。ただし、ブラウザーは生成された html をキャッシュしているように見えるため、ユーザーはページの更新されたバージョンを見ることができません。本番環境では、NextJS サーバーは次のようにキャッシング ヘッダーを生成しますCache-Control: s-maxage=60, stale-while-revalidate。どれだけ長く待っていても、ページを移動しても、ブラウザーは更新されたページを要求しません。ページを手動で更新した場合にのみ、新しいデータが表示されます。これは、ユーザーに毎日行うように依頼することはできません。また、NextJS サーバーの前にある nginx を使用してCache-Controlヘッダーを上書きしようとしましたが、チャンスはありませんでした。max-age=60, s-maxage=60, stale-while-revalidate=120私が使用しているページのリンクについてimport Link from "next/link". これに関するアイデアはありますか？
next.js - NextJS: 動的ルートでタイトルを設定できない
動的ルートで作成されたページにタイトルなどのメタ タグを設定できません。ページがブラウザーに読み込まれると、タイトルとメタが正しく設定されますが、wget を使用して取得した生の HTML コードには設定されません。
両方<Head>を使用してみましたが<NextSeo>、同じ結果が得られました。私もアプローチgetStaticProps() / getStaticPaths()とgetServerSideProps()アプローチの両方を試しました。
これが私のコードの簡略化されたスニペットです。