2.9.1 `portsAreCompatible` is a breaking change

Describe the bug

https://github.com/vitejs/vite/blob/c7fc7c34029f109bb716c6a2888022b2f4c40e3d/packages/vite/src/node/server/ws.ts#L35

When access dev server from domain(www.mydomain.com) not localhost:xxxx, websocket always connect failed.

And It works in v2.8.6

my vite config

  server: {
        hmr: {
            port: 80,
        },
    },

I highly recommended Revert this PR https://github.com/vitejs/vite/pull/7282

Reproduction

Critical bug

System Info

System:
    OS: macOS 10.15.7
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 113.89 MB / 16.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v16.14.0/bin/yarn
    npm: 8.3.1 - ~/.nvm/versions/node/v16.14.0/bin/npm

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it’s a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[lbogdan]

Completely agree! I also think a documentation section describing how HMR works, the list of setups supported out of the box, and the required configuration for more esoteric setups might also help a lot of people.

[gudleik]

Experienced same issue after updating from 2.8.6 to 2.9.1. We run vite apps on Docker in Kubernetes and Tilt.dev. Vite runs on 8080, while the ingress listens on 80, and we use http://lvh.me to access the app.

Solved it by setting port to 8080 and clientPort to 80.

diff --git i/app/auth/vite.config.ts w/app/auth/vite.config.ts
index c312415b3..1b343e297 100644
--- i/app/auth/vite.config.ts
+++ w/app/auth/vite.config.ts
@@ -13,7 +13,8 @@ export default defineConfig({
   },
   server: {
     hmr: {
-      port: Number(process.env.VITE_HMR_PORT),
+      clientPort: Number(process.env.VITE_HMR_PORT),
+      port: 8080,
     },
   },
   resolve: {