vue-cli项目报错：Invalid Host header【

2019-03-15 本文已影响0人南慕瑶

【报错原因】

新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。

【解决方式】（两种）

1.关闭host检查

webpack.dev.conf.js：

devServer字段添加：disableHostCheck: true，跳过检查。

或

vue.config.js：

devServer字段添加：disableHostCheck: true，跳过检查。

或

package.json修改scripts命令：

scripts: {

"dev": "webpack-dev-server --disableHostCheck=true --inline --progress --config webpack.dev.conf.js"

}

2.手动将自己的域名设置为合法域名（假如域名为：xxx.com）

webpack.dev.conf.js：

devServer字段添加：host: 'xxx.com'，指定合法域名。

或

vue.config.js：

devServer字段添加：host: 'xxx.com'，指定合法域名。

或

package.json修改scripts命令（两种方式）：

（1）方式一

scripts: {

"dev": "webpack-dev-server --host=xxx.com --inline --progress --config webpack.dev.conf.js"

}

（2）方式二

scripts: {

"dev": "webpack-dev-server --public=xxx.com --inline --progress --config webpack.dev.conf.js"

}