Vue에서 기본 포트를 8080에서 다른 포트로 변경할 수 있습니까?

Vue에서 기본 포트를 8080에서 다른 포트로 변경할 수 있습니까?

앱을 구축하기 위해 Vue.js와 Node.js를 작업하고 있습니다.Vue로 시작하면 기본적으로 8080에서 실행되고 노드 I은 3008에서 실행됩니다.

Vue용 포트를 8080에서 8086이나 3005와 같은 다른 포트로 변경하고 싶은 상황이 있습니다.내가 어떻게 그럴 수 있을까?

다음 명령을 실행하여 필요한 포트에 따라 vue app을 실행할 수 있습니다.

npm serve --port 8086을 실행합니다.

또 다른 방법은 의 serve script 명령어를 갱신하는 것입니다.package.json파일입니다.--port 8086다음과 같이 합니다.

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

1개 작성하지 않은 경우vue.config.js프로젝트의 루트 디르에서 다음 옵션을 추가합니다.

module.exports = {
   devServer: {
      port: 8086
   }
}

웹 팩 문서에서 개발 서버를 구성하는 데 사용할 수 있는 모든 옵션을 볼 수 있습니다.

vue-cli 문서도 확인합니다.

이게 방법이야! 나한테는 통했어!

npm run serve -- --port 8086

"npm" 포함:

npm run serve --port 8086

"yarn" 포함:

yarn serve --port 8086

DIR: node_modules@vue\cli-service\lib\commands CHANGE FILE: serve.js

const 기본값 = { host: '0.0.0', 포트: 8086, https: false }

언급URL : https://stackoverflow.com/questions/58231253/can-i-change-the-default-port-from-8080-to-something-else-in-vue