Cloud9 Localtest error

목적

• Cloud9 으로 Vue 프로젝트 로컬 가상서버 구동 시 표출되지 않는 문제 해결

환경구성

• Cloud9 환경에 Vue cli 설치
• Full Cloud DevOps 구성(AWS 활용) 참조

내용

1. 발생 현상

  - Vue 프로젝트를 Cloud9 에서 로컬 가상서버 구동 시 확인 불가

npm run serve

  - preview 확인 시 에러 발생

2. 해결 방안

  - vue 프로젝트 폴더에 vue.config.js 파일 생성 및 아래 내용 기입

module.exports = {
  devServer: {
    disableHostCheck: true
  },
  // ... other options
}
// cloud9 환경에서 'Invalid Host header' 오류 발생 해결
// 출처 : https://stackoverflow.com/questions/52959601/using-vue-cli-in-cloud9-ide-container-invalid-host-header

  끝.