プレビューオプション

特に記載がない限り、このセクションのオプションはプレビューにのみ適用されます。

preview.host

• 型: string | boolean
• デフォルト: server.host

サーバーがリッスンするIPアドレスを指定します。LANやパブリックアドレスを含むすべてのアドレスでリッスンするには、これを0.0.0.0またはtrueに設定します。

これは、CLIで--host 0.0.0.0または--hostを使って設定できます。

注意

Viteの代わりに他のサーバーが応答する場合があります。詳細はserver.hostを参照してください。

preview.allowedHosts

• 型: string | true
• デフォルト: server.allowedHosts

Viteが応答を許可するホスト名。

詳細はserver.allowedHostsを参照してください。

preview.port

• 型: number
• デフォルト: 4173

サーバーのポートを指定します。ポートがすでに使用されている場合、Viteは自動的に次の利用可能なポートを試行するため、これはサーバーが最終的にリッスンする実際のポートではない可能性があることに注意してください。

例

export default defineConfig({
  server: {
    port: 3030,
  },
  preview: {
    port: 8080,
  },
})

preview.strictPort

• 型: boolean
• デフォルト: server.strictPort

ポートがすでに使用されている場合に、次の利用可能なポートを自動的に試行する代わりに、終了するにはtrueに設定します。

preview.https

• 型: https.ServerOptions
• デフォルト: server.https

TLS + HTTP/2を有効にします。

詳細はserver.httpsを参照してください。

preview.open

• 型: boolean | string
• デフォルト: server.open

サーバー起動時に、自動的にブラウザでアプリケーションを開きます。値が文字列の場合、それはURLのパス名として使用されます。特定のブラウザでサーバーを開きたい場合は、環境変数process.env.BROWSER (例: firefox) を設定できます。また、追加の引数を渡すためにprocess.env.BROWSER_ARGS (例: --incognito) を設定することもできます。

BROWSERとBROWSER_ARGSは、設定のために.envファイルに設定できる特別な環境変数でもあります。詳細はopenパッケージを参照してください。

preview.proxy

• 型: Record<string, string | ProxyOptions>
• デフォルト: server.proxy

プレビューサーバーのカスタムプロキシルールを設定します。{ key: options }のペアのオブジェクトを期待します。キーが^で始まる場合、それはRegExpとして解釈されます。configureオプションを使用してプロキシインスタンスにアクセスできます。

http-proxyを使用します。オプションの全リストはこちら。

preview.cors

• 型: boolean | CorsOptions
• デフォルト: server.cors

プレビューサーバーのCORSを設定します。

詳細はserver.corsを参照してください。

preview.headers

• 型: OutgoingHttpHeaders

サーバーのレスポンスヘッダーを指定します。