후니후니

1. 아래 명령어를 통해 브랜치를 생성한다. * --orphan 은 독립적인 브랜치를 만들기 위해 사용. git checkout --orphan gh-pages 2. 프로젝트 폴더 루트 위치에 vue.config.js 파일을 생성한다. module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/my-project/' : '/' } /my-project/ 는 Github 배포할 저장소의 이름이 들어가야 한다. 3. .gitignore 파일을 열어서 '/dist' 라고 쓰여진 라인을 찾아서 주석처리한다. (ignore되지 않도록) 4. npm run build 명령어 실행 5. 빌드 후 아래의 명령어를 실행 git add dist && ..

기본적으로 Vue-cli는 npm run build를 통해 dist 폴더가 생성되고, HTML,CSS,JS가 압축되어 들어간다. Netlify를 통해 배포하기 전에, /public 폴더 아래 _redirects 파일을 생성 후 , 아래의 코드를 넣어주어야 한다. # Netlify settings for single-page application /* /index.html 200 위 파일을 넣어야 URL에 router 값을 넣어도 not-found가 뜨지 않는다. 파일을 넣고 Github Repository에 푸쉬한다. Netlify에 접속 후 New site from git을 눌러 Repository를 연결한다. Netlify에 연결된 저장소를 클릭하고, Settings을 누른 후 좌측 메뉴의 Build..