4

私はすでにインターネット全体を検索して、質問に対する答えを探しました。これまでのところ運がありません。

達成したいこと: Nuxt アプリケーションをユニバーサル モードで実行しています。これは、ユーザーが自分のプロフィールを作成して作品を共有できる小さなソーシャル ネットワークのようなものです。

そのため、URL からパラメーターをフェッチし、データベース (firebase) から適切なデータを取得する動的ルート (users/_id.vue) を使用しています。ここまでは順調ですね。

静的ホスト (Netlify または Zeit Now) でホストしたいのですが、生成構成を介して動的ルートをレンダリングできることがわかっています。しかし、それは私が望むものではありません。この特定のルートでは、Async Javascript が API をヒットし、シェルにデータを入力する空のシェルで問題ありません。とにかくプロファイルが認証の背後にあるため、SEO はここでは重要ではありません。

必要なのは、ユーザー プロファイルのクライアント側 (users/martha または users/johndoe) をレンダリングする "catch all" ファイルを生成する Nuxt だけです。Gridsome は、_id.vue ファイルから _id.html をレンダリングすることでこれを行います。Nuxt でも同じことを行う方法はありますか?

ここで私を助けてくれてありがとう。

4

1 に答える 1

0

これを参照してください。

デフォルトでは、Nuxt generate は というファイルを作成します200.html。

Netlify でホスティングしている場合は、次のgenerateようにプロパティを更新する必要があります。

export default {
  generate: {
    fallback: true, // Uses '404.html' instead of the default '200.html'
  }
}

GitHub Pages とNetlifyは 404.html ファイルを自動的に認識するため、generate.fallback を true に設定するだけです。

私は Zeit の経験はありませんが、次のnow.jsonサンプルを見つけましたhere .

// inside now.json
{
  "version": 2,
  "routes": [
    { "handle": "filesystem" },
    { "src": "/.*", "dest": "/index.html" }
  ]
}

ほとんどの SPA には同様に提供するアセットがあるため、パスを書き換える前にファイルシステムを処理する必要があります。

それが役立つことを願っています! Netlify について他に具体的な質問があれば、喜んでお答えします。Nuxt を使用した Netlify プラットフォームでの運用経験があるからです。

于 2019-11-23T02:05:38.360 に答える