webpack-dev-server配合nginx启动时遇到热替换模块请求跨域

当本地URL已经用Nginx代理，例如http://vue-native.guahao-inc.com:9096  代理到http://vue-native.guahao-inc.com不带端口号时，本地的webpack-dev-server会遇到请求热更新的json文件跨域的问题，如下图：

费了很大的劲网上找来找去都找不到好的解决办法。

突然想到，最近在玩express的跨域接口开发，那webpack继承了express有没有提供这样的可配置入口呢？？

然后翻了一下webpack2的官网，果然找到了这么一条让人激动的内容：

既然拿得到express的实例化APP对象，那么做跨域不就So Easy了~~

马上改下webpack.config.js为如下代码：

重启webpack任务后再次尝试代码热更新，发现跨域问题不再有，开发起来依旧顺畅了~~~~

注意：.use方法末尾一定要执行next()方法，放开当前的拦截