FrontEnd/Vue.js

Nuxt.js 리눅스 우분투(Ubuntu) npm run start 시 ERR_CONNECTION_REFUSED 에러 수정방법

김평범님 2021. 7. 12. 22:06
반응형

Nuxt.js npm run start 시 ERR_CONNECTION_REFUSED에러 해결

Vue.js + Nuxt.js로 만든 프로젝트를 리눅스 Ubuntu(우부투) 서버에 배포를 하려고 

FTP로 소스로 모두 옮기고 npm run build를 진행하여 배포를 진행하려 했다.

크롬 오류페이지

분명 npm run build도 잘되고, npm run start 시 Server가 완벽히 열리는 것 까지 확인했는데,

실제로 서버 접속을 진행하니 ERR_CONNECTION_REFUSED가 뜬다!!

 

npm run start 시 정상작동

코드 자체에 문제가 있나 싶어서 로컬에서도 npm run build를 진행한 뒤,

서버를 실행해보면 로컬에서는 또 잘 작동하고, 서버에도 잘 접속이 된다.

개발자 의문점 도대체 왜 안되는것인가

Ubuntu에서도 npm run dev로 실행하면 서버에도 잘 접속되고 문제가 없는데 유독 npm run start만 하면 ERR_CONNECTION_REFUSED 뜨는 문제라니.. 도대체 뭐가 문제인가!!!

 

 

삽질 후 버그해결

키워드 잡기도 애매해서 구글링도 어려웠는데, 드디어 발견한 해결방법 

nuxt.config.js 속성 내 server에 포트와 host를 작성해주면 된다는 글을 발견하고 바로 적용해보았는데,

정상 접속이 되고 해결이 되었다👍

 

//nuxt.config.js
module.exports = {
//...   
   server: {port: 3001, host: '0.0.0.0'},
//...
}

 

Nuxt공식 홈페이지를 보내 기본값은 아래와 같다고 한다.

혹시 나처럼 리눅스에서 server접속이 안되거나 문제가 된다면 

nuxt.config.js server변수 내용을 변경해보자.

반응형