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, // 加上这段
}