vue배포
-
[Vue] 웹서버 배포하기 1부 (Nginx 연동)🎁 토이 프로젝트/오분 (2020년 첫 토이 프로젝트) 2020. 6. 25. 00:57
안녕하세요! 개발자 JAY입니다. 오늘은 Vue로 생성한 웹 프로젝트를 서버로 배포하는 방법에 대해서 알아보겠습니다. 1. 프로젝트 빌드(build) 하기 로컬에서 개발했을 때는 npm run serve로 프로세스를 실행시켜서 확인을 했는데요. 저는 서버에서 따로 프로세스(?)를 실행시키지 않고빌드 파일을 만들어서 배포할 예정입니다. 빌드 파일은 두 가지 방법으로 서버에 배포할 수 있는데, 로컬에서 빌드 파일을 만들어서 서버로 옮기거나 서버에서 직접 소스코드를 받아서 빌드하는 방식이 있습니다. 📌 로컬에서 빌드 파일 생성 첫번째로, 개발한 프로젝트의 빌드 파일을 아래 명령어로 생성합니다. npm run build 이렇게 하면 dist라는 폴더로 배포 파일들이 만들어지게 됩니다. (안에는 js, css, ..