믹아의 개발일기

우분투 서버에 리액트 앱을 올려놓으려고 

serve -l 1234 -s build

를 하고 http://[서버주소]:1234 를 접속하려는데

자꾸 "404 The requested path cloud not be found" 위에 있는 에러가 뜬다.. 분명 잘됐었는데.

알고보니 빌드를 새로하려고 build 폴더를 삭제했다가 빌드를 다시 안했더라

npm run-script build

로 react 다시 빌드하고 해결 ㅎㅎ;;

이미 리액트 프로젝트, 리포지토리가 있다는 가정하에 진행한다.

gh-pages 를 설치한다

npm install gh-pages --save-dev

package.json 파일에

"homepage" 를 추가한다

http://[사용자 ID].github.io/[리포지토리 이름]  

//package.json 

//....
  "homepage": "https://mika0203.github.io/Pathfinding-Algorithm-js/"

package.json 파일에 script 부분에 predeploy, deploy 를 추가한다

// package.json

"scripts": {
  //...
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

저장하고,

npm run deploy

이제 github로 가보자

제일 아래로

누른 후 세이브하고 위에서 homepage 에 입력한 주소로 들어가면 

해당 주소에서 실행되는 나의 리액트 프로젝트를 확인할 수 있다.