Invalid Host header

最近在部署一个前端用vue开发的项目的时候,访问的时候页面出现了如下错误'Invalid Host header'

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

如果有webpack配置文件，那么在package.json的脚本里添加参数即可

1	"webpack-dev-server --disableHostCheck=true"

如果是通过vue-cli来创建的项目,在根目录下创建文件vue.config.js, 然后填入如下内容

module.exports = {
    devServer: {
        host: '0.0.0.0',
        hot: true,
        disableHostCheck: true,
    },
}