NginX : Serve static content and proxy pass to Node API

Question

I'm running a website composed of an API in a docker on port 8080, and a static folder containing the front-end react app.

The api is at /api

I'm trying to configure NginX to correctly serve this configuration, but I can't seen to figure out how to have both working.

If I setup my default like this:

server {
    root /var/www/html;
        server_name DOMAIN; # managed by Certbot

    location @nodeapp {
        # Redirect to the api
        proxy_pass   http://localhost:8080;
    }

    location / {
        # Map all the routes to the index.html
        try_files $uri @nodeapp;
    }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/DOMAIN/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/DOMAIN/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}

Then everything is redirected to my API, and the static content is not delivered if not explicitly specified (e.g. going to https://host/index.html)

If I add try_files $uri $uri/ @nodeapp; to serve the root folder as a directory, the index gets served, but I can't access the API anymore, it always serve the react app

I also tried to add

location /api/ {
    proxy_pass   http://localhost:8080
}

But no difference

What am I doing wrong ?

Charleess · Accepted Answer · 2018-06-10 17:17:28Z

1

I found the answer, the react app I was using was setup with a service worker, which was messing with the routing. I removed it and it works like a charm now !

answered Jun 10, 2018 at 17:17

Charleess

731 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

NginX : Serve static content and proxy pass to Node API

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