Nuxt development server continiously restarts with `--https`

Environment

------------------------------
- Operating System: `Darwin`
- Node Version:     `v16.11.1`
- Nuxt Version:     `3.0.0-27274229.29599f0`
- Package Manager:  `npm@8.1.3`
- Bundler:          `Vite`
- User Config:      `publicRuntimeConfig`, `ssr`, `target`, `meta`, `build`, `css`, `buildModules`
- Runtime Modules:  `-`
- Build Modules:    `-`
------------------------------

Describe the bug

the development server seems to restart all the time

Reproduction

steps:

• install fresh project with nuxi init
• generate ssl key and certificate
• updated dev script to nuxi dev --host domain.test --https --ssl-key key.pem --ssl-cert cert.pem

Additional context

A similar issue has been described here: https://github.com/nuxt/framework/issues/1697 recreating the pkg lock and/or adding the std-env package does not help

Logs

No response

[vicvillalobos]

I have a Docker stack and an Nginx reverse proxy in it, which proxy pass “/” to “http://client:3000” when i visit https://web.localhost domain. So…

If I use Nuxt3 without Docker and reverse proxy, go to http://localhost:3000, nuxt.config vite->server->hmr is loaded properly 👍🏼. If I go to https://web.localhost vite->server->hmr options are ignored! 👎🏼 😢

Some idea?

In case anyone stumbles upon this issue, I solved it by exposing the 24678 port on docker.

[dbhagen]

Actually, the more I thought about it, the thing that was missing was redirecting to the right host for WebSocket. I was able to resolve the error using this in the nuxt.config.ts:

import { defineNuxtConfig } from 'nuxt3'

// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
  vite: {
    server: {
      hmr: {
        protocol: 'ws',
        host: 'localhost'
      }
    }
  }
})

Still seems like there’s an error when Caddy (or the HTTPS flag) tries to proxy the WebSocket back. But at least for now, this is a workaround.