making streamlit work on https

Heya,

I know the question has been updating with the solution in this case, however there are some general tips to follow when you are presented with such an issue.

If the Streamlit app works correctly when accessed via the IP address but not when accessed via your HTTPS-enabled domain name, the issue might be with your Nginx configuration or your Streamlit app’s settings.

Here are a few steps you can take to troubleshoot this issue:

1. Check your Nginx Configuration: Make sure you’ve properly set up a server block for your domain, and that you’re proxying requests to your Streamlit app correctly. The location block in your Nginx configuration should look something like this:

location / {
    proxy_pass http://localhost:8501; # Replace with your Streamlit app's port if it's not 8501
    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

2. Enable HTTPS in Streamlit: While Nginx can handle the HTTPS part, you might need to configure Streamlit to be aware that it’s being served over HTTPS. Check the Streamlit configuration options to see if there’s an option to enable HTTPS or to set the base URL for the app.

3. Check your app’s JavaScript Console for Errors: Open your web browser’s developer tools (usually F12 key) and check the JavaScript console for any errors when you load the app. This can often provide clues about what’s going wrong.

4. Ensure WebSocket Support: Streamlit uses WebSockets for communication between the browser and the server. You need to ensure that your Nginx server is set up to correctly proxy WebSocket connections. This is typically handled by including the following lines in your Nginx configuration:

proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";