Deploy nextjs app in docker with nginx reverse proxy on host

Question

I am trying to use nginx on the host machine as the reverse proxy before my nextjs app which is deploy on a swarm mode. But it always shows 404 not found error with path like _next/*****/page/index.js.

When I connect to http://machine-host-name:3000 it works well, but connect to http://machine-hos-name/nextjs it shows the 404 not found error.

Here is my nginx setting

server {
   listen 80 default_server;
   listen [::]:80 default_server;

   index index.html index.htm index.nginx-debian.html;
   server_name _;

   location /nextjs {
       proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_set_header Connection 'upgrade';
       proxy_set_header Host $host;
       proxy_cache_bypass $http_upgrade;

       proxy_pass http://localhost:3000/;
   } 
}

Not sure which part is incorrect, kindly give my some advise.

Thank you.

Try to pass the $uri at the end of proxy_pass

giggi__
– giggi__

2018-07-13 13:01:04 +00:00
Commented Jul 13, 2018 at 13:01 — giggi__
– giggi__, Commented Jul 13, 2018 at 13:01

Bret Fisher · Accepted Answer · 2018-07-09 03:59:11Z

0

That method of reverse proxying is an anti-pattern.

Your proxy should be in a swarm service as well.
It should use a swarm-api-aware proxy agent that can update your proxy based on the changes swarm makes.

Two good ones are Docker Flow Proxy and Traefik.

answered Jul 9, 2018 at 3:59

Bret Fisher

8,6562 gold badges35 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Deploy nextjs app in docker with nginx reverse proxy on host

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related