😱

Nuxt.jsでHMRできない!と思ったら

2024/06/27に公開

SSL環境でHMRできなくなった時の備忘録。
Dockerでhttps-portal使ってSSLしてたらHMRできなくってビックリした。

インフラまで考えながら開発していると灯台下暗しなミスもあるよね?

チェックポイント!

nuxt.confing.tsを変更してあげよう。
ここに書いてあった。

viteの開発サーバーの詳しい設定はこちら

export default defineNuxtConfig({
  vite: {
    server: {
      hmr: {
        clientPort: 443, // httpsはこのポート参照されるよね
        protocol: "wss", // ここ大事!!
      },
    },
  }
})

Discussion