Vue.js) Invalid Host header 에러 발생을때

npm run serve로 실행시킨 후 내부(로컬)에서는 접속이 잘 되지만

외부에서는 Invalid Host header이 표시되어서 무엇인지 찾아보다가

기본 셋팅이 로컬은 접속이 허용되지만 외부에서 접속이 허용되지 않기 때문이였다.

 

프로젝트의 vue.config.js에 다음 문장을 추가해주면 외부에도 접속이 가능하다.

// filename : vue.config.js
module.exports = {
  // options...
  devServer: {
    disableHostCheck: true
  }
};