리액트 빌드 관련 추가 질문 입니다.
본문
리액트 수정 작업 후 배포 할 때마다
- npm run build
- npm install -g serve
- serve -s build
이 3단계를 거쳐 하나요?
답변 6
제가 모르는것들 시간 투자 하셔서 잘 알려주셔서 많은 도움 되었습니다.
감사합니다 !!
전 yarn 쓰는데
yarn build 끝입니다.
npm 쓰시면
npm run build 하나만 하셔도 됩니다.
그럼 알아서 생깁니다.
※ 아 깜빡하고 말씀안드린게 패키지json 에 "homepage": "./" 이거 꼭 추가해주셔야
서버 올렸을 때 정상적으로 보여요!!!!!!!!!
두번째 스샷보면, 위 내용이 있어요 홈페이지 : ./ 입력하라고!! 꼭 입력해주세요
방금 빌드했습니다.
이렇게 추가해주심 되세요
아 yarn 설치 해놨으니 yarn build 로 하면 되겠네요
안그래도 서버에 올렸는데 페이지가 안보여서 ... 감사합니다.
근데 말씀대로 추가 햇는데도 계속
The project was built assuming it is hosted at ./.
You can control this with the homepage field in your package.json.
게 나오고 서버에서 안보이네요.. 뭐가 잘못됐을까요?
경로가 도메인/ 경우입니다.
혹시라도 폴더에 테스트하시러면 폴더까지쓰셔야합닏ㄱㆍ
아 감사합니다.
일단 https://jamttyworking.mycafe24.com/ 페이지 잘나옵니다.!!
근데 서브 페이지 클릭 후 이동 후 새로고침해도 해당 페이지에 있어야 하는데 파일을 찾을 수 없다는데
이건 왜 이런건가요..?
그건 정상입니다.
SPA라서 그렇습니다.
루트에 .htaccess 파일 만들어 아래코드를 넣어주세요
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
# 클라이언트 사이드 라우팅을 처리하는 규칙
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ /index.html [L]
</IfModule>
실제로 리액트로 웹사이트 작업할 때도 이런 처리를 별도로 해주는건가요?
안그럼 새로고침하면 에러나듯이 파일을 찾을 수 없다고 하니.. 이거 원..
