問題タブ [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.

0 投票する
1 に答える
562 参照

javascript - nuxtjs 動的に生成されたルートを vex ストアに保存する方法

ページのコンテンツとナビゲーションが API から取得される静的 Web サイトを作成することで、nuxtjs SSG 機能を活用しようとしています。

generate:beforeフックを使用してページのコンテンツとルートをフェッチするモジュールを定義することにより、ルートを動的に生成する方法については、すでに方法を見つけました。ルートを作成するとき、ページ コンテンツをルート ペイロードとして保存します。次のコードはまさにそれを行い、意図したとおりに機能します。

今私が直面している問題は、生成されたルートを必要とするいくつかのナビゲーション コンポーネントがあり、それらを vuex ストアに保存することを考えていたことです。

フックを試しましたgenerate:doneが、そこから vuex ストア コンテキストを取得する方法がわかりません。nuxtServerInit()ドキュメントに記載されているように、私が最終的に使用したのはアクションでした:

これはまさに私が必要としているものなので、次のコードで使用しようとしています:

アクションは実際に呼び出され、すべての期待値を取得しますがnuxtServerInit()、ストア状態の呼び出しごとにリセットされるようです。コンソールに値を出力しました (これをデバッグできるかどうかわからないため)。これは次のようになります。

私はこのテーマについてできる限り検索しましたが、私のような例は見つかりませんでしたが、できる限りのすべての要素を組み合わせて、これが私が思いついたものです.

私の考えは、(ビルド時に) API に対して 1 つのリクエストのみを行い、すべてを vuex に保存してから、そのデータをコンポーネントとページで使用することでした。

もっとうまくやる方法があるか、nuxtServerInit()アクションを完全に把握していないかのどちらかです。私は立ち往生していて、この問題を解決する方法がわからず、別の解決策が見えません。

ここまでお時間をいただきありがとうございました。

0 投票する
1 に答える
756 参照

javascript - エラー: 動的 SSG ページには getStaticPaths が必要ですが、'/blogs/[post]' にはありません

私はしようとしnpm run buildます。

ビルド エラーが発生しました エラー: 動的 SSG ページには getStaticPaths が必要ですが、'/blogs/[post]' にはありません。

私のコード: