feat: allow use of clientPort without middlewareMode

[Cretezy]

Description

Fixed #3737. Currently, clientPort is ignore when not in middleware mode.

Currently, it's impossible to run in normal mode behind a proxy due to the WebSocket connecting to the wrong port (#2474).

This can't be bypassed by disabling HMR (my preferred solution) because disabling HMR still keeps the WebSocket connection.

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[Cretezy]

If someone needs this fixed, feel free to use patch-package with the following patch:

diff --git a/node_modules/vite/dist/node/chunks/dep-f2b4ca46.js b/node_modules/vite/dist/node/chunks/dep-f2b4ca46.js
index 875b021..f612e82 100644
--- a/node_modules/vite/dist/node/chunks/dep-f2b4ca46.js
+++ b/node_modules/vite/dist/node/chunks/dep-f2b4ca46.js
@@ -74496,14 +74496,14 @@ function clientInjectionsPlugin(config) {
                 const timeout = options.timeout || 30000;
                 const overlay = options.overlay !== false;
                 let port;
+                if (typeof config.server.hmr === 'object') {
+                  port = config.server.hmr.clientPort || config.server.hmr.port;
+                }
                 if (config.server.middlewareMode) {
-                    if (typeof config.server.hmr === 'object') {
-                        port = config.server.hmr.clientPort || config.server.hmr.port;
-                    }
                     port = String(port || 24678);
                 }
                 else {
-                    port = String(options.port || config.server.port);
+                    port = String(port || options.port || config.server.port);
                 }
                 let hmrBase = config.base;
                 if (options.path) {

[benmccann]

@Cretezy this PR will need to be rebased

[josh08h]

Awesome, thanks @Cretezy

[Cretezy]

@benmccann PR has been updated!