IE下报 webpack `Invalid Host/Origin header` 的问题

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_23035335/article/details/97395451

本次产生原因：

IE某些版本不支持axios

  //为解决IE 不支持axios
  import Promise from 'es6-promise';
  Promise.polyfill();

引入es6-promise后，IE就出现如下错误：

原因：

应该是webpack出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉disableHostCheck这一配置项。

解决：

在webpack.dev.config.js中的devServer添加disableHostCheck配置，注意添加位置和格式

    /**
     * Invalid Host/Origin header
     * 这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉disableHostCheck这一配置项。
     */
    disableHostCheck: true

重新启动就不会再报这个错误了，这次也只是在IE上发现这个错误