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

Question

我想我会在申请开始时开始。

我正在制作一个完整的平均堆栈应用程序，我希望它在docker中运行。要使用docker我正在使用带有Ubuntu的虚拟机。当我运行docker-compose时，一切都在localhost：4200上运行。现在我想在我的主机上打开我的应用程序（Windows 7）。 当我通过我的应用程序（ip addres应保密，对吗？）xxx.xxx.xx.xxx:4200/login页面看起来很好，但我收到这些错误：

我正在使用Angular cli 1.4.1和节点8.4.0

为什么我会收到这些错误，如何解决？

我的docker-compose

Answer 1

正在侦听端口4200的服务器正在侦听您的xxx.xxx.xxx.xxx界面（不需要隐藏局域网IP，但是没关系......）。

您的角度应用程序正在您的主机系统上运行。 localhost是主机系统的本地主机，而不是guest虚拟机。所以你有两个解决方案：

• 更改角度应用程序内的网址，使其指向xxx.xxx.xxx.xxx:4200，而不是localhost:4200。
• 使用虚拟盒将您的4200端口从主机转发到您的客户系统：
  1. shutdown guest。
  2. 选择访客并点击settings
  3. 转到网络标签。
  4. 点击“高级”
  5. 然后选择“端口重定向”并将主机127.0.0.1:4200绑定到客户的4200端口