Get LiveReload to work with custom hostnames

[piotrkulpinski]

I have a custom hostname set up for my project with reverse proxy.
I'm now able to run the app from https://myhost.local successfully.

The only thing I struggle with is live reloading which is not working. I'm aware there's a second server running in Remix that handles reloading, but I have no idea how to set it up to work with custom hostname.

There's a similar stale issue already reported, but I'm wondering if anyone have any solution (could be for v1 or v2 dev server).

Thanks!

[kiliman]

There's a new env variable, REMIX_DEV_ORIGIN, that the LiveReload component uses.

So set REMIX_DEV_ORIGIN=https://myhost.local

remix/packages/remix-react/components.tsx

Line 1830 in 47a98bc

export const LiveReload =

[chinanderm]

@piotrkulpinski Would you be able to share how you've set up the reverse proxy? I'm using local-ssl-proxy but the request that comes into Remix is http instead of https.

[piotrkulpinski]

I'm using the LocalCan app for MacOS.