文章目錄

然後使用了 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

更多學習資源請關注我的新浪微博…