Angular 4无法加载资源: net::ERR_CONNECTION_REFUSED

Question

我想我将从我的应用程序开始。

我正在制作一个完整的mean-stack应用程序，我想让它在docker中运行。为了使用docker，我使用了一个带有Ubuntu的virtualbox。当我运行docker-compose时，所有东西都在localhost:4200上工作。现在我想在我的主机(Windows7)上打开我的应用程序。当我通过访问我的应用程序时(ip地址应该保密，对吗？)xxx.xxx.xx.xxx:4200/login页面看起来没有问题，但我收到以下错误：

​

我正在使用带有节点8.4.0的Angular cli 1.4.1

为什么我会得到这些错误，我如何修复它们？

我的docker-compose

​

​

Answer 1

正在监听端口4200的服务器正在监听您的xxx.xxx.xxx.xxx接口(不需要隐藏lan IP，但不要紧...)。

您的angular应用程序正在您的主机系统上运行。本地主机是主机系统的本地主机，而不是来宾系统。因此，您有两种解决方案：

将angular应用程序中的port更改为指向localhost:4200.

• Forwarding，而不是使用虚拟框将您的4200端口从主机重定向到来宾系统:关闭guest.

• select settings

• go，然后单击"advanced"

• then to
• 选项卡。
• 单击port

，选择“

• ”，并将您的主机127.0.0.1:4200绑定到来宾的4200 port

​