[Vue.js & nginx] 정적 Vue 프로젝트를 nginx에서 돌릴 때 발생하는 404 에러 해결 방법 / Vue nginx 설정

nginx 설정

location / {
    try_files $uri $uri/ /index.html;
}

기본은 위와 같이 설정되어 있을 것인데, 이를 아래와 같이 바꿔주면 된다.

location / {
    try_files $uri $uri/ @rewrite; 
}

location @rewrite {
    rewrite ^(.+)$ /index.html last; 
}

try_files의 의미만 느끼는 대로 이해한다면, 본 코드는 어렵지 않게 이해하리라 믿습니다.