Deploying behind Nginx

Hi I have an app that runs normally on development server. But on my deployment server, Dockerized and behind an Nginx webserver, it fails to update the plotly graphs (I am guessing this is related to ASGI issues in this setup)

This is the script I use to start gunicorn:

#!/usr/bin/env bash

DEPLOY_HOME="/srv/deploy/myapp"
NUM_WORKERS=4
WSGI_HOST="0.0.0.0"
WSGI_PORT="8000"
ERRLOG="$DEPLOY_HOME/logs/wsgi_server.err"
ACCESS_LOG="$DEPLOY_HOME/logs/wsgi_server.access"

if [ "$DATABASE" = "postgres" ]
then
    echo "Waiting for postgres..."

    while ! nc -z db 5432 ; do
      sleep 0.1
    done

    echo "PostgreSQL started"
fi


cd $DEPLOY_HOME
#echo "Doing Migrations..."
python3 manage.py makemigrations
python3 manage.py migrate

echo "Collecting Static files..."
chown -R deploy:deploy $DEPLOY_HOME

python3 manage.py collectstatic --noinput
python3 manage.py createsuperuser --noinput --username $DJANGO_SUPERUSER_USERNAME --email $DJANGO_SUPERUSER_EMAIL



exec gunicorn -w $NUM_WORKERS -b $WSGI_HOST:$WSGI_PORT --access-logfile $ACCESS_LOG --error-logfile $ERRLOG myapp.wsgi:application --preload --timeout 480

I think I need to update my nginx.conf but I am not sure how. Do I also need to setup a separate ASGI server process? Like they did here

Any suggestions are welcome.

[fccoelho]

I found out that the error I was getting behind NGINX had to do with using Scattergl. Once I switched to a regular Scatter plot it all seems to be working.

[fccoelho]

Yes, static files served from the dash app path is tricky. I am having issues loading a logo image but that shouldn’t block the dashboard from functioning.

What I have been able to find upon loading the dashboard page was this error related to plotly’s react code:

TypeError: Cannot read property 'regl' of null
    at new y (async-plotlyjs.js:1)
    at e.exports (async-plotlyjs.js:1)
    at Object.e.exports [as plot] (async-plotlyjs.js:1)
    at d (async-plotlyjs.js:1)
    at Object.r.plot (async-plotlyjs.js:1)
    at r.drawData (async-plotlyjs.js:1)
    at Object.l.syncOrAsync (async-plotlyjs.js:1)
    at r.plot (async-plotlyjs.js:1)
    at Object.l.syncOrAsync (async-plotlyjs.js:1)
    at Object.r.react (async-plotlyjs.js:1)

Do you think this may have something to do with the version of Plotly I am using?