时间戳

首页 > 解决方案 > 在 Angular 应用程序中配置 API URL

angular - 在 Angular 应用程序中配置 API URL

问题描述

我目前正在使用 proxy.conf.json 来配置 API url 以进行开发。我相信它只适用于本地服务器。在 UAT 和生产服务器上部署 API url 时如何配置它？我想在不重新构建整个应用程序的情况下更改服务器上的 API url。

proxy.conf.json：

{
    "/api": {
      "target": "http://api_server:88",
      "secure": false,
      "pathRewrite": {
      "^/api": ""
    },
      "changeOrigin": true
    }
  }

api.service.ts：

get<T>(params: any = {}) : Observable<T> {
    return this.http.get<T>("/api/data", {params: params});
}

标签： angulartypescriptangular-config

解决方案

文件中的代理配置proxy.conf.json是为了让你的 Webpack 开发服务器使用ng serve命令在本地运行你的 Angular 应用程序。它不应该用于生产和登台环境。您可以在官方Angular 文档页面中找到有关此内容的详细信息。

如果您想向 NodeJs 或托管 Angular 应用程序的任何其他服务器添加类似的功能，请检查 API 网关插件是否可用于您正在使用的服务器。

如果您不了解 API 网关，请查看本文。

推荐阅读