连接被拒绝：localhost:4200 favicon.ico 502 in angular 7答案

【问题标题】：Connection refused: localhost:4200 favicon.ico 502 in angular 7连接被拒绝：localhost:4200 favicon.ico 502 in angular 7
【发布时间】：2020-03-05 18:27:46
【问题描述】：

我已经通过

创建了一个角度项目

ng new project_name --style=scss

然后尝试运行通过

ng serve

但出现错误

删除并重新安装了node_modules，但都是徒劳的。

每次遇到这个错误，请指导一下怎么办！！！

更新 1

为什么我不能在我的办公室电脑上在localhost 上运行Angular 应用程序（在 192.168.X.X:4200 上运行），但我可以在家中在 localhost 上运行相同的项目

更新 2

在主机文件中，我有这个。可以吗？

127.0.0.1 本地主机

::1 本地主机

更新 3

我很确定，只是系统配置问题导致它阻止 localhost 并允许 192.168.X.X 但不知道问题出在哪里。

【问题讨论】：

你试过127.0.0.1吗？ localhost 只是此 IP 地址的别名。也许您办公室中的 PC 具有不同的主机设置。请让我知道这是否有效。
工作但面临CORS问题https://stackoverflow.com/questions/55254354/access-to-xmlhttprequest-at-http-localhost3000-from-origin-http-192-168，虽然我设置了飞行前选项但没有工作
这会有帮助吗？ expressjs.com/en/resources/middleware/…
Btw 设置允许来源到* 有帮助，但尽量不要在生产中执行此操作。这可能是一个巨大的安全问题。 :)
虽然* 是一个安全问题，但至少它应该可以工作，但在我的情况下它没有;(

标签： angular angular7 connection-refused

【解决方案1】：

我也遇到了同样的问题。我尝试了上述解决方案，但没有奏效。我现在使用不同的端口。我使用了这个命令：

-ng serve --port 0

我可以看到我的应用在新端口上运行。

【讨论】：

【解决方案2】：

我使用Opera 浏览器进行测试，它是我的默认浏览器并尝试访问localhost:4200 但每次connection refused 然后我在Chrome 上测试它，它运行顺利。

我检查了两个浏览器的代理设置，但没有启用代理。最后我重置了Opera中的设置和数据，问题解决了。

还是有问题！！！是什么阻碍了localhost ...

【讨论】：

我已经告诉过你改变你的本地地址 :) ng serve --host 0.0.0.0.很高兴看到您发现问题，玩得开心。
是的，谢谢，但是 --host 0.0.0.0 不起作用
感谢您的回答。我也使用 Opera 并遇到了同样的问题。我重置了浏览器设置，现在它对我有用。

【解决方案3】：

将您的 favicon.ico 文件放入 assets 文件夹并更改 index.html 中的路径

【讨论】：

【解决方案4】：

只需将您的favicon.ico 文件放到您的项目根目录中，然后使用index.html 文件的head 中的以下代码更新您的favicon 文件注入代码。谢谢

<link rel="icon" href="favicon.ico" type="image/x-icon">

【讨论】：

但我家用电脑上的同一个项目工作正常。无需将 favicon 添加到 root 或其他位置。我不这么认为它的图标问题
如果您分享任何工作示例将非常有帮助。谢谢
我应该分享什么信息，我也很想知道？它是 angular 7 项目，在 Windows 7 x64 上运行，我还需要分享什么？它也发生在新创建的项目（没有添加）
移动您在stackblitz.com 上具有相同问题的新创建项目。谢谢
这不是这个项目的问题，而是我创建并顺利运行的所有其他项目，但现在它们没有在localhost 上运行，所以我很确定不是项目的系统配置问题.谢谢

【解决方案5】：

同样可以使用以下方法解决：

检查您的 LAN 代理设置。

在 chrome 设置 -> 高级 -> 打开代理设置 -> LAN 设置 -> 如果您使用代理，请确保取消选中“为 LAN 使用代理服务器”或标记“绕过本地地址的代理服务器”

另外，如果上述设置没有解决您的问题，可能是端口4200已在系统中使用，请尝试在不同的端口ng serve --port 4401上运行应用程序

还要确保清除浏览器缓存以查看结果

【讨论】：

我在 Chrome 中检查了没有启用代理并且应用程序运行顺利，但是在开发过程中我使用了 Opera，而 Opera 也没有启用此代理。最后，我重置了 Opera 设置，并且应用程序在 localhost 上运行。顺便谢谢乔尔约瑟夫