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

Question

我正在使用Angular 2和php进行开发。在开始使用PHP之前，我已经在本地服务器localhost:3000上使用node.js完成了Angular 2的开发。现在，我该如何将我的Angular 2应用程序配置到xampp服务器上，以便我的服务器代码可以在localhost:8080上运行？请帮助我解决这个问题。

- Ahmer Ali Ahsan

Answer 1

这是我的答案。

你可以仅使用Angular2包而无需使用node、mamp或xampp编写Angular2应用程序，并托管该应用程序。参考链接

根据上述参考链接，我使用angular 2-cli创建了我的应用程序。之后，我对我的根目录index.html文件进行了一些小修改，如下所示：

<base href="/">

进入

<base href="./">

并使用以下方式构建我的应用：

ng build --prod

复制dist文件夹并将它粘贴到我的xampp htdocs文件夹中，然后使用以下方式访问网站：

localhost:8080/dist/

输出结果

应用程序运行正常

- Ahmer Ali Ahsan

---

@Ahmer Ali Ahsan，这对我在Angular 5中不起作用。 - sk555

@sk555 这个答案是针对 Angular 2 的。如果你在 Angular 5 中遇到了与我的问题相关的问题，请在 Stack Overflow 上发布它。 - Ahmer Ali Ahsan

@AhmerAliAhsan 谢谢，有没有一种部署 Angular 的方法？ - sk555

Plunker和Stackblitz.com - Ahmer Ali Ahsan

刷新页面后它不起作用了。为此该怎么办？ - Soumya Gangamwar

对我也不起作用。 - Moeez

Answer 2

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

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

这个 base href 意味着它期望最终服务器的地址为：localhost:8080/football/。

你需要将 dist 文件夹中的所有内容复制到服务器的一个名为 football 的文件夹中。

- Josh Dando

Answer 3

我认为你正在寻找类似于以下内容：

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

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

- Mario Medrano Medrano