欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

解决webpack "Invalid Host header"问题

程序员文章站 2022-06-16 08:38:02
...

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

解决webpack "Invalid Host header"问题解决webpack "Invalid Host header"问题

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

解决webpack "Invalid Host header"问题


出现问题原因:

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

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

解决方法:

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

devServer: {
      disableHostCheck: true,
    },

解决webpack "Invalid Host header"问题

再次用域名访问成功:

解决webpack "Invalid Host header"问题