使用谷歌浏览器连接到 localhost:8080答案

【问题标题】：Connecting to localhost:8080 using Google Chrome使用谷歌浏览器连接到 localhost:8080
【发布时间】：2015-08-27 15:28:43
【问题描述】：

我目前正在使用 node.js 和 gulp 开发一个纸牌游戏，突然 Chrome 停止查找 localhost:8080。经过一番研究，有些人遇到了同样的问题，并通过在 chrome://flags 中禁用“内置异步 DNS”来解决它，但是，这个标志似乎不再存在了。

当我的一个朋友也使用 gulp 和相同版本的 Chrome 启动相同的代码时，它可以工作。有什么想法吗？

【问题讨论】：

尝试“127.0.0.1”IP。
当您尝试访问 localhost:8080 时，chrome 会说什么？你确定服务器正在运行吗？向我们展示您的节点服务器的代码。特别是你打电话给.listen(port);的部分。
@Zero ：感谢您的回答，实际上 127.0.0.1 有效，与 localhost 有什么区别？
我不记得确切的术语，但“localhost”用作对自己 IP 的引用，而“127.0.0.1”是您自己 PC 的默认 IP。有些程序根本不接受 localhost。奇怪的是，它不能在你的电脑上运行，而在你朋友的电脑上运行（这就是为什么我仍然不能将我的建议称为“答案”）。
您可以检查您的主机文件（例如，*nix 上的 /etc/hosts 或 Windows 上的 %SystemRoot%\system32\drivers\etc\hosts）以查看 localhost 指向的内容。

标签： javascript node.js google-chrome localhost gulp

【解决方案1】：

我也遇到了这个问题。其他答案都不适合我。

对我有用的只是将本地主机的端口更改为 3000。

使用 Webpack：

// webpack.config.js 

module.exports = {
  ...
  devServer: {
    port: 3000,
  },
  ...
};

【讨论】：

【解决方案2】：

在 chrome 网址栏中输入“chrome://net-internals/#hsts” 并删除 localhost 域，方法是在 Delete Domain 文本框中键入“localhost”。

在查询域文本框中输入“localhost”，如果显示“未找到”则表示成功。

【讨论】：

【解决方案3】：

我在网络开发方面不是很有经验，这可能不是一个很好的答案。我是stackoverflow的新手，所以我不能添加任何cmets。这就是为什么我发布这个作为答案来分享我的经验。

一种可能的情况是，您已经在运行使用端口 8080 的应用程序。例如，如果我使用 WAMP 服务器在端口 8080 中托管网页，并使用 Node.js 在端口 8080 中运行 REST API，则应用程序可能在localhost:8080 和其他127.0.0.1:8080 上运行，即使它们相同，并且网页将无法使用 REST API，因为主机不匹配。事实上，这发生在我不久前，我找不到解决方案。所以我不得不通过 Node.js 来提供网页。希望这个答案有帮助。

【讨论】：