[React] 배포 후 404 문제.

로컬에서는 문제가 없는데, 배포 후 문제가 발생하는 게 생겼다.

404 not found

 

원인은 SPA 구조 문제.

 

SPA 특징이 특정 페이지로 바로 못가다보니, index 페이지를 거쳐 지나가게 만들었다.

 

배포한 프로젝트 디렉토리 위치에 aws apache2가 읽도록 .htaccess파일을 만들고

아래 내용을 넣는다.

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]

 

/etc/apache2/site-available에서

해당 도메인 .conf에  아래와 같이 AllOverride를 All로 수정한다.

Directory "/var/www/html">
    ...
    AllowOverride All
    ...
</Directory>

그러면 조금있다가 알아서 잡히는 수정을 진행한다.

그게 안되면 아예 apache2.conf를 건드려야 하는데, 다른 것들도 영향받으므로 권장하지 않음.

https://bohyeon-n.github.io/deploy/web/react_apache_error.html

React앱 Apache로 배포 시 404 에러 해결하기 | 구보현 블로그