問題タブ [nextjs-dynamic-routing]

私のウェブサイトには[articleKey].tsx、バックエンドから現在の記事をダウンロードして画面に表示するページがあります。

5分ごとに現在のデータを取得することを期待しています。これらの記事は時間の経過とともに変化するため、重要です。しかし、アプリケーションを手動で再デプロイするまで、1 日以上変更が適用されないことがあります。どうやら、これは5分ごとに更新されていないようです。それをより良くする方法は？ユーザーを待たせないために使用したくありませんgetServerSidePropsが、同時に、このページに最新のデータが必要です。

基本的に、親コンポーネントでレンダリングしたいネストされたコンポーネントがあり、サーバーの起動時に正常に動作しています。

しかし、別のページから戻ると問題が発生します。ネストされたコンポーネントの一部が消えます。リフレッシュすると、すべて問題ありません。

この問題を解決するにはどうすればよいですか?

通常: 画像-1

コンポーネントが消えた: 画像-2

Index.js:

BannerBaseLine コンポーネント:

BannerBlock コンポーネント:

APIパスのNextJSでRewritesを機能させようとしています。CORSの問題を回避するためでした。

NextJs CORS issueの解決策に従いました。

localhost で動作していますが、実稼働環境では動作しません (私は Vercel 自体にデプロイしていました)。

私は基本的にすべてのタイプの書き換えを試しました：

この書き換えは localhost では機能しますが、本番環境では書き換えが機能しなくなり、API 呼び出しが/api/:path*それ自体に行われます。

Next.Jsでブログ詳細ページを作っています

カードからリンクをクリックすると、 を使用してブログの詳細に移動しqueryます。query values渡された詳細ページも受け取ります。しかし、詳細ページを更新すると、クエリが失われます。

カードページ

<Link href='/recipes/[id]' as={`/recipes/${recipe.strMeal}`} key={recipe.strMeal} passHref>

詳細ページ