デプロイターゲット

静的ホスティング

Nuxt は静的サイトジェネレータとしても機能します。Nuxt アプリケーションを静的にレンダリングし、サーバーなしでユニバーサルアプリケーションのいいところが全て使えます。nuxt generate コマンドはウェブサイトの静的バージョンを生成します。ルートごとに HTML を生成し、それを dist/ ディレクトリ内に配置します。これによりパフォーマンスと SEO が向上し、オフラインサポートが向上します。

For static sites the target of static needs to be added to your nuxt.config file.

export default {
  target: 'static' // デフォルトは 'server'
}

target を static にした状態で nuxt dev を実行すると、開発者の体験は向上するでしょう:

• context から req と res を削除します
• クライアントサイドレンダリングの 404、エラー、リダイレクトをフォールバックします SPA フォールバックを参照
• サーバーサイドレンダリングでは常に $route.query と {} は等しくなります
• process.static は true になります

サーバーホスティング

サーバーホスティングとは、Node.js サーバー上で Nuxt を動かすことです。ユーザーがあなたのページを開くと、ユーザーのブラウザはサーバーからそのページをリクエストします。Nuxt はそのリクエストを処理し、ページをレンダリングして、結果のページをすべてのコンテンツとともに送り返します。

生成時にあらかじめHTMLをレンダリングするのではなく、リクエストごとにレンダリングしたい場合や、serverMiddleware が必要な場合は、サーバーホスティングが必要かもしれません。

サーバーホスティングの場合は、デフォルトである target: 'server' が使用されます。アプリケーションをビルドするには、build コマンドを使用します。

export default {
  target: 'server'
}