webpack的dev-server 被代理到 nginx,devserver.public配置问题请教
发布于 4 个月前 作者 dolphinfine 648 次浏览 来自 问答

我本地的webpack-dev-sever的地址是 192.168.1.213:9090, 因为微信扫码登录需要配置回调地址,所以后台用nginx配置了域名 https://bigdata.xxx.com:8001, 代理了 192.168.1.213:9090, 这时webpack-dev-server的热更新socketjs.js一直报错,一连串connection refuse之类的, 然后我参照webpack-dev-server官方文档: image.png 在webpack-dev-server配置了 devServer: { public:‘bigdatatmp.yiqiniu.com:8001’ } 此时socketjs.js报connection refuse的问题解决了,但是出现了新的问题: image.png

解决了,因为百度没有答案,所以才来发帖,去谷歌看了下,立刻就找到了答案: 在nginx需要这样配置 location / { proxy_pass http://localhost:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection “upgrade”; proxy_set_header Host $host; } 具体参照 https://github.com/socketio/socket.io/issues/1942

4 回复

这应该是热更新报错,关闭热更新功能即可,对使用没有影响

@wangchaoduo 使用起来好像也没什么影响,但是想要热更新功能。

@dolphinfine yiqiniu.com最上面的搜索框有bug

@wangchaoduo 什么bug?请指点下。另外上面的问题我已经解决了。 在nginx需要这样配置 location / { proxy_pass http://localhost:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection “upgrade”; proxy_set_header Host $host; } 具体参照 https://github.com/socketio/socket.io/issues/1942

回到顶部