如何为 angular 等前端框架提供服务器端脚本
我正在使用 CLI 在 Angular 5 中构建一个 Web 应用程序。我还没有构建服务器端组件，所以现在使用模拟数据，因为我在通过相对 urls调用服务器（php 文件）工作时遇到问题。正在使用 CLI 之类的方式提供文件，ng serve --open并且它托管在localhost:4200. 据我所知，它现在确实解析了 PHP 代码，有些人建议我通过 XAMPP 提供它。我觉得这很令人困惑，因为它将在另一个端口上提供服务，例如，localhost:8080这意味着我必须像这样指定完整的 urllocalhost:8080/api/products/24才能使其工作。有没有其他方法可以做到这一点，这样我的网址就可以了api/products/24？因为在生成生产文件时，localhost:8080出现在 url 中的文件会导致问题。
您还可以使用环境的配置文件，以便您可以指定 api 的 URL。
这样，当您使用服务中的 API 时，您将使用配置的值而不是硬编码的值
环境.ts
{
apiUrl: "http://mydevelopmenturl
}
环境.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
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句