React github 배포하기
👀 1. github pages 배포하기
먼저 프로젝트에 gh-pages 패키지를 설치해야합니다.
npm install gh-pages --save-dev
설치가 완료되면 프로젝트에 있는 package.json 파일을 열어 "homepage" 주소를 추가합니다.
//....
"homepage": "http://JIHYE-P.github.io/react-github-pages"
형식은 http://{사용자 이름}.github.io/{저장소 이름}로 작성합니다.
그다음, script 부분에 predeploy, deploy 를 추가합니다.
"scripts": {
//...
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}
저장하고 터미널창을 열어 npm run deploy
를 실행합니다.
확인을 위해 github 해당 저장소 페이지로 돌아가 우측에 있는 Settings -> Options 에서 GitHub Pages 에서 확인하실 수 있습니다.
(만약 사이트에서 README.md 파일 내용이 나올 경우 GitHub Pages의
Source 부분에서 gh-pages branch로 변경하면 사이트가 정상적으로 배포됩니다!!)
배포완료! 👍
👀 4. 참고 (2021.01.14)
다른 프로젝트를 배포하는 과정에서
hompage : "http://{사용자 이름}.github.io/{저장소 이름}" 로 설정된 주소로 접속하니까 404 페이지가 나왔다.
이럴때 http://{사용자 이름}.github.io/{저장소 이름}/index.html 로 접속하면 나온다.
Author And Source
이 문제에 관하여(React github 배포하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@rhdxoals/React-github-배포하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)