浏览器无法访问服务Angular App

Question

我创建了一个简单的角度应用程序，它现在通过npm start在我的Linux服务器上提供服务（开发模式）

这里的问题是它无法通过浏览器访问。 4200端口也是开放的。

该应用通过地址http://localhost:4200在本地计算机上运行良好。

现在我尝试通过http://xxx.xx.xx.xx:4200

访问服务器上的应用

这是npm start命令运行时的控制台输出。

> client@0.0.0 start /var/www/html/node1/social2/client
> ng serve

Unable to find "@angular/cli" in devDependencies.

The package "angular-cli" has been deprecated and renamed to "@angular/cli".

Please take the following steps to avoid issues:
"npm uninstall --save angular-cli"

** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-01-23T19:40:09.118Z
Hash: 0698820565e2563b7f26
Time: 16593ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 178 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 550 kB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 33.8 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 9.15 MB [initial] [rendered]

webpack: Compiled successfully.

这可能是什么原因？

Answer 1

您需要部署在构建--prod localy之后创建的dist文件夹，然后通过index.html访问该应用程序

Answer 2

您提供的主机名和端口无法访问。来自Linux机器外部。

ng serve 默认值的目标是localhost。

请将其更改为：

ng serve --host 0.0.0.0