Angular 4 加载资源失败:net::ERR_CONNECTION_REFUSED

Angular 4 Failed to load resource: net::ERR_CONNECTION_REFUSED

我想我会从我的申请开始。

我正在制作一个完整的平均堆栈应用程序,我希望它在 docker 中 运行。要使用 docker,我正在使用带有 Ubuntu 的 virtualbox。当我 运行 我的 docker-compose 时,一切都在 localhost:4200 上进行。现在我想在我的主机上打开我的应用程序 (Windows 7)。 当我通过(IP 地址应该保密,对吧?)xxx.xxx.xx.xxx:4200/login 访问我的应用程序时,页面看起来不错,但我收到以下错误:

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

为什么我会收到这些错误以及如何修复它们?

我的docker-撰写

正在侦听端口 4200 的服务器正在侦听您的 xxx.xxx.xxx.xxx 接口(不需要隐藏局域网 IP,但没关系...)。

您的 angular 应用程序在您的主机系统上 运行。 localhost 是主机系统的本地主机,而不是来宾系统。所以你有两个解决方案:

  • 将 angular 应用程序中的 URL 更改为指向 xxx.xxx.xxx.xxx:4200 而不是 localhost:4200
  • 使用虚拟框将您的 4200 端口从您的主机转发到您的访客系统:
    1. 关闭访客。
    2. select 访客并点击 settings
    3. 转到网络选项卡。
    4. 点击"advanced"
    5. 然后 select "ports redirections" 并将主机 127.0.0.1:4200 绑定到访客的 4200 端口