WebPack devServer - localhost 拒绝连接

Posted 2023-02-25

【中文标题】WebPack devServer - localhost 拒绝连接

【英文标题】：WebPack devServer - localhost refused to connect

【发布时间】：2019-08-20 22:47:46

【问题描述】：

我已经为我的应用程序配置了 WebPack 并添加了 webpack-dev-server。它在运行后编译成功，并给我“项目在http://localhost:9000/ 运行”。但是，当我尝试在浏览器中打开它时，我得到一个“无法访问此站点”页面，并出现以下错误：

ERR_CONNECTION_REFUSED

我们将不胜感激任何修复建议！

来自我的 package.json 文件的片段：

"scripts": 
    "build": "webpack --config webpack.config.js",
    "start:dev": "webpack-dev-server"

"devDependencies": 
    "webpack": "^4.29.6",
    "webpack-cli": "^3.3.0",
    "webpack-dev-server": "^3.2.1",

来自我的 webpack.config.js 文件的片段：

devServer: 
    contentBase: path.join(__dirname, 'dist'),
    compress: true,
    port: 9000
  

【参考方案1】：

对于那些可能有同样问题的人，我似乎在发布此问题后不久就找到了解决方案。这里是：link。

【讨论】：

仅链接的答案在 SO 上不被视为有价值。如果链接失效，答案也会失效。请在此处翻译相关信息。

我不认为这是一个真正的解决方案，而是一个 hack。解决方案 IMO 将解释问题发生的原因以及为什么这是正确的解决方案。就我而言，它有效，解决方案是使用--localIp --host 0.0.0.0