github.io로 배포

1. 패키지 설치

npm i gh-pages --save-dev

yarn add -D gh-pages

 

2. pakage.json에 추가

// package.json

"homepage": "https://깃허브이름.github.io/레포지토리이름"

// package.json

    "deploy": "gh-pages -d build", // Vite일 경우 "deploy": "gh-pages -d dist"
    "predeploy": "npm run build"

3. 라우터의 base url을 다음과 같이 수정

 

4. 커밋 후 푸쉬

 

5. 터미널 입력

npm run deploy

 

6. 배포 주소로 가서 확인

배포에 5분 정도 소요될 수 있음