這幾天作的一個項目,在這個項目的 js 方面,我將其分業務和功能的拆分紅模塊化,而後使用 webpack 來進行打包。(第一次在公司產品中使用 webpack)webpack
而後使用了 webpack-dev-server 啓了一個服務而且開了監聽功能。端口是 8080 。web
訪問 webpack-dev-server 啓動的 server,直接使用 localhost:8080 和 127.0.0.1:8080 均可以正常訪問。服務器
由於某種緣由,我不能使用 localhost:8080 或 127.0.0.1:8080 的域名向服務器那邊發請求,他們那邊容許訪問的域名幫我加了一個 「bnm.com」。webpack-dev-server
因此,我須要配一個 host , 將 127.0.0.1 配到 bnm.com模塊化
可是我修改了 host,使用 bnm.com:8080 訪問,就會顯示 invalid host header。spa
解決方法:
在 webpack-dev-server 的配置中添加.net
disableHostCheck: true
webpack-dev-server 的配置是在 webpack.config.js
中的 devServer
字段。code
或者:server
public: 'local.kingsum.biz'
看文檔應該是 webpack-dev-server: v1.16.4 這個版本合併進來的,因此升級到這個版本以後要注意這個問題。blog
轉載請註明出處。 http://blog.csdn.net/csdn_yudong/article/details/75127469