[vue.js v3] Invalid Host header 에러

vue.js로 작성한 코드를 yarn serve로 dev server를 돌릴 때 호스트 네임을 주는 경우 “Invalid Host header”를 낸다.

다음을 vue.config.js의 devServer에 allowedHosts: "all"을 추가하면 된다.

  devServer: {
    port: 8888, // 변경하려는 포트 번호로 대체
    allowedHosts: "all",
  }