아파치에 리액트 배포하기
아프다😥
아파아파 아파치..............

Apache

아파치에 배포 성공!
생각보다 간단해서
해결하고난뒤 허무함이란...!
결론적으로 도움이 되었던 아티클은 아래의 링크!
https://blog.learningdollars.com/2020/01/16/how-to-host-a-django-api-using-mod-wsgi-serving-a-react-frontend-on-an-apache-server-on/

1. 아파치 서버에 npm 설치
2. 아파치 서버에서 리액트 레포지토리 클론받기
3. 클론받은 리액트 프로젝트에서 빌드 실행
   빌드할때 주의점!
   package.json에 homepage 설정해줘야 좋아염! (상대경로로!)
4. 빌드 결과 실행된 파일을 아래와 같이 /var/www/html/로 옮겨준당!

sudo cp -r ~/ldeproject/reactapache/apachereactapp/build/* /var/www/html/

5. /var/www/html/ 디렉터리 안에 ".htaccess"파일을 만들어줘야합니당. 내용은 아래와 같이!

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

6. 아파치 서버 재실행

sudo a2enmod rewrite
sudo systemctl restart apache2

Reference

• 우분투 Apache(아파치) 이해 (https://webdir.tistory.com/196)
• How to host a Django + React app on an Apache server on GCP (https://blog.learningdollars.com/2020/01/16/how-to-host-a-django-api-using-mod-wsgi-serving-a-react-frontend-on-an-apache-server-on/)
• How to deploy a React Basic Application in Apache Server (https://stackdev.io/question/820/how-to-deploy-a-react-basic-application-in-apache-server)
• React,Express 풀스택 웹 앱 배포하기(Netlify, Heroku) (https://medium.com/@krpeppermint100/devops-react-express-%EC%95%B1-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0-netlify-heroku-b238e057d920)