如何在xampp服务器上运行Angular app?

时间:2017-06-19 22:02:39

标签: php angular xampp

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

3 个答案:

答案 0 :(得分:11)

这是我的答案。

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

根据上面的参考,我使用角度2 - cli创建了我的应用程序  之后我在根目录index.html文件中进行了一些更改:

<base href="/">

<base href="./">

使用以下方式构建我的应用程序:

ng build --prod

复制dist文件夹并将其粘贴到我的xampp htdocs文件夹中,然后使用以下命令访问该网站:

  

本地主机:8080 / DIST /

<强>输出

应用

答案 1 :(得分:2)

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

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

此基本href将意味着它期望最终服务器如下所示: 本地主机:8080 / football/。

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

答案 2 :(得分:0)

我认为你正在寻找类似的东西:

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

只需使用CLI运行angular 2应用程序,然后添加代理即可使用xampp中的服务。