webpack-dev-server配合nginx啓動時遇到熱替換模塊請求跨域

當本地URL已經用Nginx代理，例如http://vue-native.guahao-inc.... 代理到http://vue-native.guahao-inc.com不帶端口號時，本地的webpack-dev-server會遇到請求熱更新的json文件跨域的問題，以下圖：

費了很大的勁網上找來找去都找不到好的解決辦法。

忽然想到，最近在玩express的跨域接口開發，那webpack繼承了express有沒有提供這樣的可配置入口呢？？

而後翻了一下webpack2的官網，果真找到了這麼一條讓人激動的內容：

既然拿獲得express的實例化APP對象，那麼作跨域不就So Easy了~~

立刻改下webpack.config.js爲以下代碼：

重啓webpack任務後再次嘗試代碼熱更新，發現跨域問題再也不有，開發起來依舊順暢了~~~~

注意：.use方法末尾必定要執行next()方法，放開當前的攔截