Unable to setup Rocket Chat with NGINX reverse proxy

I’m trying to get RC to work with NGINX as a reverse proxy (subfolder). I want RC to be accessed from mydomain.com/rocketchat, but I am unable to make progress. I either get a white page back or currently RC is stuck at the loading screen.

NGINX Configuration:
#–START ROCKETCHAT CONFIG–
location /rocketchat {
proxy_pass http://127.0.0.1:3001/rocketchat;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection “upgrade”;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forward-Proto http;
proxy_set_header X-Nginx-Proxy true;
proxy_redirect off;
}
#–END ROCKETCHAT CONFIG–

I have properly set the ROOT URL properly https + domain + /rocketchat (sorry, cant post more than two links :P)
All help is appreciated

Server Setup Information

  • Version of Rocket.Chat Server: 2.4.11
  • Operating System: Ubuntu 18.04
  • Deployment Method: snap
  • Number of Running Instances: single instance
  • DB Replicaset Oplog:
  • NodeJS Version: 8.17.0
  • MongoDB Version: 3.6.14
  • Proxy: nginx
  • Firewalls involved: Disabled during installation for testing.

Any additional Information

The console is filled with 404 errors such as “Unable to find resource at mydomain/sounds/droplet.mp3” and similar.
NOTE: I am using 3001 as the port instead of 3000.

change your proxy_pass statement to
proxy_pass http://127.0.0.1:3001;