プレビューオプション

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

preview.host

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

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

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

注記

Viteではなく、他のサーバーが応答する場合があります。server.hostで詳細を確認してください。

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.proxyオプションも使用されている場合、TLSのみにダウングレードされます。

この値は、https.createServer()に渡されるオプションオブジェクトにすることもできます。

preview.open

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

サーバーの起動時にブラウザでアプリを自動的に開きます。値が文字列の場合、URLのパスパートとして使用されます。特定のブラウザでサーバーを開きたい場合は、env process.env.BROWSER（例：firefox）を設定できます。追加の引数（例：--incognito）を渡すには、process.env.BROWSER_ARGSも設定できます。

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を設定します。デフォルトで有効になっており、任意のオリジンを許可します。オプションオブジェクトを渡して動作を微調整するか、falseを渡して無効にします。

preview.headers

• 型: OutgoingHttpHeaders

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