webpack-dev-server 导致的 invalid host header

这几天做的一个项目，在这个项目的 js 方面，我将其分业务和功能的拆分成模块化，然后使用 webpack 来进行打包。（第一次在公司产品中使用 webpack）

然后使用了 webpack-dev-server 启了一个服务并且开了监听功能。端口是 8080 。

访问 webpack-dev-server 启动的 server，直接使用 localhost:8080 和 127.0.0.1:8080 都可以正常访问。

因为某种原因，我不能使用 localhost:8080 或 127.0.0.1:8080 的域名向服务器那边发请求，他们那边允许访问的域名帮我加了一个 “bnm.com”。

所以，我需要配一个 host ， 将 127.0.0.1 配到 bnm.com

但是我修改了 host，使用 bnm.com:8080 访问，就会显示 invalid host header。

解决方法：

在 webpack-dev-server 的配置中添加

disableHostCheck: true

• 1

webpack-dev-server 的配置是在 webpack.config.js 中的 devServer 字段。

或者：

public: 'local.kingsum.biz'

• 1

看文档应该是 webpack-dev-server: v1.16.4 这个版本合并进来的，所以升级到这个版本之后要注意这个问题。

转载请注明出处。 http://blog.csdn.net/csdn_yudong/article/details/75127469