問題タブ [ssg]
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.
javascript - nuxtjs 動的に生成されたルートを vex ストアに保存する方法
ページのコンテンツとナビゲーションが API から取得される静的 Web サイトを作成することで、nuxtjs SSG 機能を活用しようとしています。
generate:before
フックを使用してページのコンテンツとルートをフェッチするモジュールを定義することにより、ルートを動的に生成する方法については、すでに方法を見つけました。ルートを作成するとき、ページ コンテンツをルート ペイロードとして保存します。次のコードはまさにそれを行い、意図したとおりに機能します。
今私が直面している問題は、生成されたルートを必要とするいくつかのナビゲーション コンポーネントがあり、それらを vuex ストアに保存することを考えていたことです。
フックを試しましたgenerate:done
が、そこから vuex ストア コンテキストを取得する方法がわかりません。nuxtServerInit()
ドキュメントに記載されているように、私が最終的に使用したのはアクションでした:
これはまさに私が必要としているものなので、次のコードで使用しようとしています:
アクションは実際に呼び出され、すべての期待値を取得しますがnuxtServerInit()
、ストア状態の呼び出しごとにリセットされるようです。コンソールに値を出力しました (これをデバッグできるかどうかわからないため)。これは次のようになります。
私はこのテーマについてできる限り検索しましたが、私のような例は見つかりませんでしたが、できる限りのすべての要素を組み合わせて、これが私が思いついたものです.
私の考えは、(ビルド時に) API に対して 1 つのリクエストのみを行い、すべてを vuex に保存してから、そのデータをコンポーネントとページで使用することでした。
もっとうまくやる方法があるか、nuxtServerInit()
アクションを完全に把握していないかのどちらかです。私は立ち往生していて、この問題を解決する方法がわからず、別の解決策が見えません。
ここまでお時間をいただきありがとうございました。
javascript - エラー: 動的 SSG ページには getStaticPaths が必要ですが、'/blogs/[post]' にはありません
私はしようとしnpm run build
ます。
ビルド エラーが発生しました エラー: 動的 SSG ページには getStaticPaths が必要ですが、'/blogs/[post]' にはありません。
私のコード: