[구름IDE] Vue.js localhost 접속 오류 해결

구름 IDE는 localhost:8080을 사용할 수 없다.

[프로젝트] - [실행 URL과 포트] 메뉴에서 url과 port를 연결할 수 있다.

 

구름IDE의 [실행 URL과 포트] 메뉴

url로 들어가보면 아래와 같이 나온다.

 

서버 호스팅 설정 오류

서버 호스팅 설정을 0.0.0.0으로 수정하라는 안내가 있다.

 

Vue Project의 package.json파일의 script에 "--host 0.0.0.0 --disableHostCheck true"를 추가한다.

 

"scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --host 0.0.0.0 --disableHostCheck true --open --hot", 
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }

 

url로 접속하면 Vue Main이 보인다.