SPA, F5, APACHE2, NGINX 리프레시시 문제

react로 개발된 페이지에서 정상적으로 라우터를 타고 가면 문제가 안되지만

리프레시를 했을경우 404 error가 발생하는경우가 있다

 

apache2 와 nginx 앞단에서 받아서 처리를 할때의 문제가 생겼다.

 

예를들면 /login 페이지에서 라우터를 타고들어와서 리프레시버튼f5를 누르면 에러페이지가 나오는

식이다.

 

여기저기 찾아다니면서 나름 해결책을 찾았다.

100% 해결책이 아닐수도 있다.

 

apache2

<Directory /yourSite/>
        Options Indexes FollowSymLinks
        AllowOverride All
        Require all granted
        FallbackResource /index.html
</Directory>

 

nginx

    location / {
        add_header 'Access-Control-Allow-Origin' '*';
        root yourSite;
        index index.html ;
        try_files $uri /index.html;
    }

각각 수정해주면 해결이 되었다