Proxying vite (specifically, the hmr websocket) on a remote dev machine

[csterritt]

Trying to host Vue3 development on a remote machine, using vite to serve development, do hot module replacement (HMR), etc., and it works perfectly when developing locally.

I'd like to be able to develop remotely, and so I thought I'd set up an instance, put the dev stuff on it, and run a caddy instance to proxy port 3000 to port 80.

This almost works. I get the page served fine, but HMR fails, and the page reloads itself every few seconds because the websocket cannot connect.

I can add another port forward proxy with caddy, but it appears that it has to have a different path (e.g., I can forward everything for path '/static' to some other port), but it doesn't appear, from a cursory look at the vite code, that the websocket code uses a different path, it just runs via '/' like everything else. Is there a separate path? Can one be configured?

Is there a way to deal with this?

Thanks!