🚀 Gen 5 of the leading AI app deployment platform launches October 6. Click for the livestream.

Integrate dash with Nginx running through gunicorn and docker-compose

Dear All,
I have been trying to integrate Nginx with dash running through gunicorn and docker-compose. orginally the dash apps (app1) can be accessed through
http://:8080. I would put the dash behind the Nginx reverse proxy. and be accessed like
http://:7080/app1 . It seems that it always displaying the ‘loading…’ message and no further information.
the relative nginx configuration is as follows:

location /yi {
proxy_pass http://yidash:8080;
proxy_set_header Host $http_host;
proxy_set_header X-Nginx-Proxy true;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Scheme $scheme;
proxy_set_header X-Script-Name /yi;
#rewrite /yi/(.*) /yi/$1 break;
proxy_redirect off;

the gunicorn command I used is “gunicorn sample:server -b :8080”

using chrome inspector. I found that the all the react relavent objects are not loaded with ‘404’ error.
for example.
http://192.168.184.128:7080/_dash-component-suites/dash_renderer/react@16.v1_9_1m1631076289.14.0.min.js

any reply are highly appreciated.
Tony