如何在 xampp 服务器上运行 Angular 应用程序？答案

【问题标题】：How to run Angular app on xampp server?如何在 xampp 服务器上运行 Angular 应用程序？
【发布时间】：2017-11-22 06:23:45
【问题描述】：

我正在使用 Angular 2 和 php。在我使用 Angular 2 开始 PHP 之前。我已经在服务器 localhost:3000 上使用 node.js 完成了 Angular 2。现在使用 PHP，我如何使用 xampp 服务器配置我的 Angular 2 应用程序，以便我的服务器代码在 localhost:8080 上运行。请帮助我。

【问题讨论】：

标签： php angular xampp

【解决方案1】：

这是我的答案。

您可以仅使用 Angular2 包编写 Angular2 应用程序，而无需使用节点、mamp 或 xampp 并托管该应用程序。 Ref

根据上述参考，我使用 angular 2 - cli 创建了我的应用程序之后我在我的根目录 index.html 文件中做了一点改动：

<base href="/">

进入

<base href="./">

并使用以下方法构建我的应用程序：

ng build --prod

复制 dist 文件夹并将其粘贴到我的 xampp htdocs 文件夹中并使用以下命令访问该站点：

本地主机：8080/dist/

输出

应用程序工作

【讨论】：

@Ahmer Ali Ahsan 这对 angular 5 不起作用
@sk555 此答案适用于 Angular 2。如果您在 Angular 5 中遇到与我的问题相关的问题，请在 Stack Overflow 上发布。
@AhmerAliAhsan 谢谢有没有办法部署角度？
Plunker & Stackblitz.com
刷新页面后它不起作用。为此该怎么办？

【解决方案2】：

您可以通过首先使用命令行构建 Angular 项目将其托管在任何服务器上：

ng build --base-href "/football/" --prod

这个基本的 href 意味着它期望最终的服务器是这样的：本地主机：8080/football/。

您想要获取 dist 文件夹中制作的所有内容并将其粘贴到您的服务器中名为 football 的文件夹中。

【讨论】：

【解决方案3】：

我认为您看起来类似于：

angular-cli server - how to proxy API requests to another server?

只需使用 CLI 运行 Angular 2 应用程序，然后添加代理以使用 xampp 中的服务。

【讨论】：