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