如何在本地机器上运行角度为6 + 的 Dist 文件夹？

小开

最佳答案

您可以使用 http-server包来实现这一点。

首先安装包 全球范围内

npm install http-server -g

然后在您的项目目录中(在终端中)运行

http-server dist/

如果你使用角度6 + 或以上(使用角度10) ，你必须运行

http-server dist/your-project-name

现在您可以访问 http://localhost:8080来查看您的应用程序

小开

视窗平台

 - Install wamp server -->
https://wampserver.en.softonic.com/ and start.
- your dist folder files copy to c:/wamp/www/(your project name)/
- And create .htaccess file redirect your index.html.
(http://www.htaccesstools.com/htaccess-faq/)
- Next run browser http://localhost/(your project name)

Ubuntu 平台

 - Install lamp server -->
https://www.linode.com/docs/web-servers/lamp/install-lamp-stack-on-ubuntu-16-04/ and start.
- your dist folder files copy to /opt/lampp/htdocs/(your project name)/
- And create .htaccess file redirect your index.html.
(http://www.htaccesstools.com/htaccess-faq/)
- Next run browser http://localhost/(your project name)

小开

在我的案例中，我接下来做了:

全局安装 Http-server

npm install http-server -g

然后在项目目录(在终端中)中运行

http-server dist/[your-project-name]

现在您可以访问 http://localhost:8080/index.html来查看您的应用程序。但是当我重新启动浏览器页面时，我必须再次将/index.html 添加到 URL 中。

它在 角度7.x. x版本中工作。

小开

从终端机:
$npm install http-server-g < br/>

从角项目目录。让我们说你的角项目名称是 ngx。
$ng build
$http-server dist/ngx
启动 http-server，服务 dist/ngx
网址:
Http://127.0.0.1:8080
Http://192.168.43.54:8080
按 CTRL-C 停止服务器 < br/>

好好享受吧！

小开

编辑: 角度12 + : ng serve --configuration production

因为角度7，你可以只做 ng serve --prod=true。文档: https://angular.io/cli/serve

我知道这个问题问的是角度6，但是谷歌把我带到了这里，所以只是为了将来的参考。