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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值