解决webpack “Invalid Host header“问题

1、在用webpack打包好项目之后，用localhost:8888和127.0.0.1:8888都可以打开（我设置的端口号是8888，可以自己调整）；

 

2、使用域名就出现问题了

 

出现问题原因：

这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname

不是配置内的，将中断访问。

解决方法：

可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置：

devServer: {
      disableHostCheck: true,
    },

再次用域名访问成功：