@Vue/Cli 3 Invalid Host header 檢測關閉

Invalid Host header

在本地開發等一般情況下，無論是 local，還是 ip，或者是 0.0.0.0，在 cli 中都默認為合法的，但是有些場景可能會被不支持，比如遠程開發，或者是雲端開發。

比如 Cloud Studio 開發時候就給的地址比較奇葩：https://aioaku-[port]-llcggl.dev.ide.live/#/，那么就會被報 Invalid Host header 問題。

@Vue/Cli 3

鏈式處理

vue.config.js

config.devServer
      // ... your configs
      .set('disableHostCheck', true) // 加上這段

vue-cli

常規處理

webpack.dev.conf.js

devServer: {
  // ... your configs
  disableHostCheck: true, // 加上這段
}