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 端口从您的主机转发到您的访客系统:
- 关闭访客。
- select 访客并点击
settings
- 转到网络选项卡。
- 点击"advanced"
- 然后 select "ports redirections" 并将主机 127.0.0.1:4200 绑定到访客的 4200 端口
我想我会从我的申请开始。
我正在制作一个完整的平均堆栈应用程序,我希望它在 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 端口从您的主机转发到您的访客系统:
- 关闭访客。
- select 访客并点击
settings
- 转到网络选项卡。
- 点击"advanced"
- 然后 select "ports redirections" 并将主机 127.0.0.1:4200 绑定到访客的 4200 端口