Question

如何为角色

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

我正在使用CLI在Angular 5中构建Web应用程序。我还没有构建服务器端组件所以现在使用模拟数据，因为我在通过 relative urls 调用服务器（php文件）时遇到问题。我使用ng serve --open等CLI提供文件，并托管在localhost:4200上。据我所知，它现在解析PHP代码，有些人建议我通过XAMPP提供它。我觉得这很令人困惑，因为它会在另一个端口上提供，例如localhost:8080，这意味着我必须像localhost:8080/api/products/24那样指定完整的URL以使其工作。有没有其他方法可以做到这一点，以便我的网址只是api/products/24？因为在生成生产文件时，网址中存在的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这样的前端框架提供服务器端脚本

1 个答案: