Reverse proxy

[javierspn]

Hi Team!

I have an instance of Whisper-WebUI running behind a reverse proxy (Nginx proxy manager). Till now it is not working with its public subdomain name.

This is the env file:

CONTAINER_NAME=whisperui
CONTAINER_IMAGE=jhj0517/whisper-webui:latest
TZ=Europe/Madrid
CUDA_VISIBLE_DEVICES=''
POLICY_RESTART=unless-stopped
WHISPER_PORT=8080:7860
WHISPER_MODELS_VOLUME=/docker/data/models:/Whisper-WebUI/models
WHISPER_OUTPUTS_VOLUME=/docker/data/outputs:/Whisper-WebUI/outputs
LOG_TYPE=json-file
LOG_SIZE=10M
LOG_FILES=3

And the compose file:

https://pastebin.com/raw/qrG1MAUL

I generated a TLS certificate with certbot for the subdomain (whisper.mydomain.com) and configured nginx proxy manager to listen into that subdomain. The only special thing about my setup its that it connects to port 445 for external https:

https://whisper.mydomain.com:445 > My firewall > https://nginxproxymanagerproxyhost:443

Whenever I connect to the instance it responds but doesnt' quite end loading:

It works perfectly fine locally or if I use tailscale.

[jhj0517]

Hi, Thanks for raising the issue.
Here're the reads that might help you:

• Offiicial gradio doc with nginx : https://www.gradio.app/guides/running-gradio-on-your-web-server-with-nginx
• Other cloud service's doc to deploy gradio with nginx: https://docs.vultr.com/how-to-deploy-gradio-on-ubuntu-22.04

I am not that familiar with deploying app with nginx, but here are the troubleshooting that I experienced:

1. Make sure you've added "A type" records to your domain service: It should be an public IPv4 address, which you can get by searching "What is my IP?" in Google.

2. If you use a specific location other than "/" in nginx.conf, you should also pass the --root_path option when starting the app.
   For example, if this is your nginx.conf:

server {
    listen 80;
    server_name example.com;  

    location /my-app/ { 
        proxy_pass http://127.0.0.1:8000/; 
        proxy_buffering off;
        proxy_redirect off;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

You should pass --root_path as well.

python app.py --root_path "/my-app" --server_name "0.0.0.0" --server_port "8000"

3. Make sure you've added the ports as an "inbound rule" in your firewall. For you this would be port 445

4. I don't know about "Nginx Proxy Manager" software, but the gradio needs specific header setting ( e.g. proxy_set_header Upgrade $http_upgrade ) in nginx.conf like the example above, according to the official documentation. So you should try to edit it in the software

No idea what caused the problem with your nginx, but hope this helps