IE下報 webpack `Invalid Host/Origin header` 的問題

本次產生原因:

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上發現這個錯誤

發佈了19 篇原創文章 · 獲贊 3 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章