美文网首页
webpack-dev-server配合nginx启动时遇到热替

webpack-dev-server配合nginx启动时遇到热替

作者: 前端小周 | 来源:发表于2017-06-17 16:27 被阅读0次

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

    相关文章

      网友评论

          本文标题:webpack-dev-server配合nginx启动时遇到热替

          本文链接:https://www.haomeiwen.com/subject/axcbqxtx.html