webpack-dev-server 运行时 chrome 返回 ERR_CONNECTION_REFUSED

在学习webpack的时候碰到这么一bug，就是运行webpack-dev-server的时候用localhost:3000怎么也打不开项目，一直报错，这个问题一直持续了有四五个小时。

后来通过stackoverflow找到答案: 当PC访问localhost的时候会经过本地localhost跳到127.0.0.1去，但是可能会有一些莫名其妙的问题影响，比如我这里的情况就是本来能够好好的访问，但是真的就是笔记本一合一开项目就挂了。。真的是不讲道理。。

另外我本地localhost绑定了自定义的URL，不知道是不是也有影响，但是初级阶段的时候是能够正常访问的，所以真是无解。以下是给到我启发的原文链接。

https://stackoverflow.com/questions/31470607/chrome-http-localhost3000-err-connection-refused/31518727#31518727

另外一个衍生的问题就是改掉之后控制台会一直报错：

GET http://localhost:3000/sockjs-node/info?t=xxxx net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!

解决方案是：

Change this line:
'webpack-dev-server/client?http://localhost:9090/',to
'webpack-dev-server/client?http://' + require("os").hostname() + ':9090/',

https://github.com/webpack/webpack-dev-server/issues/416

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!