Containerization of a vue.js app with nginx runs into redirect loop

Question

I am building a vue.js app which I want to serve using nginx. However, it fails with the error ERR_TOO_MANY_REDIRECTS.

In the beginning nginx tried to redirect to port 80 when the external port was 8000. That's why I added the line absolute_redirect off; to the config. However, this only caused a redirect loop:

172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"
172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"
172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"
172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"
172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"
172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"
172.17.0.1 - - [02/Jan/2019:15:24:24 +0000] "GET / HTTP/1.1" 301 169 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36"

Here's the /etc/nginx/nginx.conf file:

user  nginx;
worker_processes  1;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
events {
    worker_connections  1024;
}
http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;
    sendfile        off;
    keepalive_timeout  60;
#    gzip  on;
    include /etc/nginx/conf.d/*.conf;
}

And here is the website config:

server {
  absolute_redirect off;
  port_in_redirect off;
  location / {
      root /usr/share/nginx/html/;
      try_files  / /index.html;
  }
}

What am I missing here?

stackoverflow.com/questions/47655869/…

Adiii
– Adiii

2019-01-02 15:46:04 +00:00
Commented Jan 2, 2019 at 15:46 — Adiii
– Adiii, Commented Jan 2, 2019 at 15:46

Siyu · Accepted Answer · 2019-01-02 15:47:21Z

0

  try_files  / /index.html;

This loops back to your location /, change it to try_files $uri $uri/ /index.html =404; should solve your problem

answered Jan 2, 2019 at 15:47

Siyu

12.2k4 gold badges47 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Containerization of a vue.js app with nginx runs into redirect loop

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related