Invalid Host header

로컬에서 잘만 접속되던게 배포 후에 위와 같은 난리를 피움 

 

검색결과 외부 접속이 제한되어 발생하는 에러라고 함.

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

다들 vue.config 파일에서 위와 같이 해결하라고 하지만.. deprecated 되었다고 함.

 

//vue.config.js

module.exports = defineConfig({
  // options...
  devServer: {
    // disableHostCheck: true,
    allowedHosts: "all",
  }
})

대신 allowedHosts 옵션을 사용하여 해결할 수 있었음.