[2022-06-07] nginx trailing slash 없이 요청할 때, 의도치 않은 포트로 redirect 되는 문제

https://example.com 443 포트로 접근 시, gateway 에서 nginx 80 포트로 맵핑 해주는 설정.

nginx 에 SPA 관련 설정(vue or react or etc...)을 함

server {
    listen 80;

    location / {
        alias  /usr/share/nginx/html/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html = 404;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html/dist;
    }
}

 

문제점

https://example.com 으로 접속을 시도했는데, http://example.com/ 으로 301(Moved Permanently) redirect 처리됨

https://example.com/ 으로 slash 를 추가해서 요청하면 문제가 없음

해결

nginx config 에 아래 옵션을 추가(nginx 1.11.8 버전 이상)

absolute_redirect off;

수정 후 config

server {
    listen 80;
    absolute_redirect off; # 추가

    location / {
        alias   /usr/share/nginx/html/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html = 404;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html/dist;
    }
}

나는 1.11.8 버전 이상이라 위의 내용으로 해결됐지만, 1.11.8버전 미만인 경우는 아래 링크의 답변을 참고해서 수정해보길..

https://serverfault.com/questions/905657/nginx-redirects-to-http-after-port-in-redirect-off