반응형
Netlify: Develop & deploy the best web experiences in record time
A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free!
www.netlify.com
1. 이 사이트 들어가서 회원가입 누르면 깃허브, 깃랩으로 회원가입 할 수 있음
2. 깃허브로 회원가입하고 리포지터리 연결하자
1. 깃허브의 리포지터리 연결
2. 리포지터리의 폴더 연결
3. npm run build 명령어 작성
4. 리포지터리 폴더 속 dist 폴더 연결
1. 설정 완료 했으면 Deploys 메뉴 들어가서
2. Trigger deploy -> Clear cache and deploy site 클릭
1. 성공적으로 build 가 끝나면 Preview 버튼 클릭해서 사이트 확인할 수 있음
https://earnest-conkies-8b2c64.netlify.app/news
vue-new
earnest-conkies-8b2c64.netlify.app
1. 배포된 사이트 모습
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
| 80. env 환경 변수 파일을 이용한 옵션 변경 방법 (0) | 2022.10.02 |
|---|---|
| 79. SPA 호스팅시에 서버에 추가해줘야 하는 설정 (0) | 2022.10.02 |
| 77. 서비스 배포를 위한 명령어 소개 및 실습 | CLI로 생성한 프로젝트 배포하기 (0) | 2022.10.02 |
| 76. render 함수 (0) | 2022.08.21 |
| 75. 컴포넌트 디자인 패턴 (common, slot, Controlled, Renderless ) (0) | 2022.08.15 |