react.js 빌드된 프로젝트 gh-pages로 배포할 때 custom domain이 초기화되는 현상

문제상황

뭐야 내 도메인 돌려줘요

react로 만든 프로젝트를 빌드한다음, gh-pages모듈로 배포하였다

그랬더니 미리 깃헙레포에 설정해둔 custom domain이 빈칸으로 바뀌어버린다. 

 

해결

우선, 깃헙에서 custom domain을 본래대로 잘 써넣는다.

그 다음에 리액트 프로젝트 안에서 CNAME 파일을 만들고 custom domain에 해당하는 내용을 써넣는다

 

위치는 루트가 아닌 public폴더 아래로 한다. npm run build할 때 public 아래의 CNAME파일을 복사하여 빌드한다.

 

public아래에 CNAME파일을 만든 다음 빌드하면, 깃헙페이지의 custom domain이 그대로 잘 남아있는 것을 확인할 수 있다.