Question

我正在Angular 4中开发一个webapp（前端），它连接到一个现在的web服务，该服务稍后将位于同一个域中。我使用npm start在Visual Studio代码中开发前端，该localhost:4200为gcloud beta compute firewall-rules create allow-rstudio-server \ --allow tcp:8787 \ --target-tags rstudio-server的网站提供服务。我的PHP后端目前在端口80上的XAMPP中运行。

由于没有两个服务器可以在同一个端口上侦听，有什么办法可以在同一个端口下提供这两个东西吗？我是否可以配置Angular CLI来提供PHP文件？

Answer 1

您可以配置Angular CLI以将请求代理到另一台服务器。

假设您的所有后端请求都发送到localhost/api/*：向Angular项目添加文件proxy.conf.json，其中包含以下内容：

{
"/api/*": {
    "target": "http://localhost",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
    }
}

使用ng serve --proxy proxy.conf.json投放网站。由于您使用的是npm start，因此您必须更改scripts->start中的package.json。

文档：https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md

有没有办法在与Angular 4 CLI站点相同的端口上提供PHP？

1 个答案: