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()方法,放开当前的拦截

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (小豚文斋第1期) 我是一滴水,我有我的家族,我有我的兄弟姐妹,我有我的悲欢喜忧,我有我的一切…… 在周围的兄弟姐...
    宠鼠之家阅读 471评论 0 0
  • 可能是受了某些人的影响,这两三天里成功看完了两三本书。大家都说书是好东西,多读书可以增长见识,增加常识,...
    Feslie阅读 278评论 0 1
  • 宝宝,你该早点成熟。 早点知道该早睡早起, 早点明白一日三餐按时吃, 早点知道爱干净讲礼貌, 早点明白学习是为了自...
    生活毛渣渣阅读 219评论 1 1