Apache2 / Phoenix: How To Set Up Reverse Proxy?

Questions & Help Questions
,
1

Starting with a fresh install of Phoenix on a Ubuntu 20.04 server with Apache2, what are the specific steps for setting up a reverse proxy (what should the block of code in apache be exactly? what do I edit in the phoenix app files?)

By default, Phoenix runs fine on: https://www.mysite.com:4000/

I want it to run on: https://www.mysite.com/ex/ (without the port 4000 in the URL)

The “Welcome To Phoenix” page and all css/js/image files should load, the live view frame should load and the sockets should work with no errors.

Right now, I have something like the following in my Apache config:

<VirtualHost *:443>
ServerName www.mysite.com
ServerAlias mysite.com
 <Location /ex/>
    ProxyPass http://127.0.0.1:4000/
    ProxyPassReverse http://127.0.0.1:4000/
  </Location>
</VirtualHost>

In Phoenix, I edited config/config.exs to something like this:

config :exchat, ExchatWeb.Endpoint,
  url: [host: "localhost", path: "/ex"],

At the moment, the phoenix page on the website (css/js/images) loads up fine, but the sockets aren’t working. In the console, I’m seeing repeating errors like:

WebSocket connection to 'wss://www.mysite.com/socket/websocket?token=undefined&vsn=2.0.0' failed
WebSocket connection to 'wss://www.mysite.com/ex/phoenix/live_reload/socket/websocket?vsn=2.0.0' failed

…

Thanks