webpack無法熱加載（__webpack_hmr 502）

最近本地開發項目代碼一直無法熱加載，於是就抽空想辦法解決

 

我們線上的地址是：https://aitest.ichuanyi.com/ai-admin/#/  其實ai-admin是線上的一個目錄

所以本地就用地址：https://local.ichuanyi.com/ai-admin/#/  來開發，用nginx反向代理來實現，但是發現加了ai-admin就無法熱加載，不加ai-admin是正確的，

但是公司前端項目較多，不可能用多個域名，無法記住，都是用這種目錄的方式來管理的，具體的解決辦法如下

 

修改 dev-client.js中的這行代碼就行，修改path為你對應的域名就行

var hotClient = require('webpack-hot-middleware/client?path=http://local.ichuanyi.com/ai-admin/__webpack_hmr&noInfo=true&reload=true')

 

注： webpack版本 3.6.0