如何为 angular 等前端框架提供服务器端脚本

Question

如何为 angular

等前端框架提供服务器端脚本

我正在使用 CLI 在 Angular5 中构建 Web 应用程序。我还没有构建服务器端组件，所以现在使用模拟数据，因为我在通过 relative urlsurls 调用服务器（php 文件）时遇到问题=22=]。我正在使用 ng serve --open 之类的 CLI 提供文件，它托管在 localhost:4200 上。据我所知，它现在确实解析 PHP 代码，有些人建议我通过 XAMPP 提供它。我发现这令人困惑，因为它将在另一个端口上提供服务，例如 localhost:8080 意味着我必须指定完整的 url 就像 localhost:8080/api/products/24 一样才能工作。有没有其他方法可以让我的 url 变成 api/products/24？因为在生成生产文件时，url中的localhost:8080会导致问题。

Answer 1

您还可以使用环境的配置文件，以便您可以指定 api 的 URL。

这样，当您使用服务中的 API 时，您使用的是配置值而不是硬编码值

environment.ts

{
  apiUrl: "http://mydevelopmenturl
}

environment.prod.ts

{
  apiUrl: "http://myrealurl
}

当您需要进行 API 调用时，请使用配置

中的 URL

import { environment } from '../environments/environment';

getAccounts()
{
    return this.http.get(`${environment.apiUrl}/api/accounts`);
}

构建时，指定要使用的环境

ng build --environment=...

https://github.com/angular/angular-cli/wiki/build#build-targets-and-environment-files

如何为 angular 等前端框架提供服务器端脚本

How to serve server-side scripts for front-end frameworks like angular

xampp

server-side

angular-cli

angular