webpack-dev-server 导致的 invalid host header

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

访问 webpack-dev-server 启动的 server，所以我们在自己的电脑上，可以直接使用 localhost:8080 和 127.0.0.1:8080 都可以正常访问我们的项目。

因为某种原因，我不能使用 localhost:8080 或 127.0.0.1:8080 的域名向服务器那边发请求。

因为安全因素，服务端配置白名单。只有 bnm.com 可以向服务端发送请求。

所以我现在的 localhost:8080 或者 127.0.0.1:8080 向服务端发送请求都是没有结果的。

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

但是我修改了 host，使用 bnm.com:8080 来打开项目，就会显示 invalid host header。

解决方法：

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

disableHostCheck: true

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

或者：

public: 'local.kingsum.biz'

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

---------------------------(正文完)------------------------------------
一个前端的学习交流群，想进来面基的，可以点击这个logo，或者手动search群号：685486827

写在最后： 约定优于配置-------软件开发的简约原则.
-------------------------------- (完)--------------------------------------

我的：
个人网站： https://neveryu.github.io/neveryu/
Github： https://github.com/Neveryu
新浪微博： https://weibo.com/Neveryu

更多学习资源请关注我的新浪微博…