Vue.js - 포트(port) 변경하기

안녕하세요.

고코더 입니다.

 

Vue는 기본적으로 8080포트를 사용합니다. 하지만 8080포트는 인기가 참 많죠? 그래서 Vue에게 포트를 양보할 수 있게 포트를 변경하는 방법을 알아보겠습니다.

 

● 1. 자신의 프로젝트에서 package.json을 클릭합니다. 

● 2. 그리고 아래처럼 -- port 3000을 추가합니다. 여기서 숫자는 자신이 원하는 포트를 입력합니다.

"scripts": {
  "serve": "vue-cli-service serve --port 3000",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint"
},

 

● 3. 이렇게 입력하고 재시작을 하면은

 

● 4. 이렇게 변경된 포트로 서버 실행이 가능합니다.