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.

any reply are highly appreciated.