如何使角4实时重载指向正确的地址？

Question

我有一个角度4应用程序，它在Nanobox中设置。

在本地机器上，它在Nanobox上的localhost:4200上运行我根据Nanobox建议在http://172.21.0.5:4200/上运行它。

当http://172.21.0.5:4200/中的应用程序加载时出现此错误： zone.js:2933 GET http://localhost:4200/sockjs-node/info?t=1508200471270 net::ERR_CONNECTION_REFUSED

在Localhost中不会发生此错误，并且由于该错误，我的实时重新加载无效。

提前致谢。

修改

是开发环境。我需要以某种方式告诉角度文件观察者与http://0.0.0.0:4200或http://172.21.0.5:4200

进行通信

我不知道角度实时重装脚本在哪里。我在网上找不到任何东西。 我以为是Webpack，但我找不到任何相关内容。

Answer 1

根据您的理解，您希望在客户端计算机上运行角度应用程序，请执行以下3个简单步骤

1）启用产品模式 -

import { enableProdMode } from '@angular/core';

// Enable production mode unless running locally
if (!/localhost/.test(document.location.host)) {
  enableProdMode();
}

2）在prod模式下构建应用程序将在index.html中设置以导航所有CSS和js文件 ng build prod --base =“/ folderName /”

3）部署dist文件夹并进行探索。

Answer 2

经过大量的挖掘，没有直接的答案。

这是我使用Nanobox的解决方案：

获取Nanobox建议的IP地址：

然后使用ng serve -host 172.21.0.5这应绕过livereload的问题。

同样在boxfile.yml中，请确保使用fs_watch: true。

Nanobox正在关注0.0.0.0所以你需要确保你的 默认部分angular-cli.json添加：

"defaults": {
    "styleExt": "scss",
    "component": {},
    "serve": {
      "port": 4200,
      "host": "0.0.0.0"
    }
  }

这应该这样做。