如何在 Angular 中更改后端的基数 url？

Question

我有路径 let path = "/";

当它调用此路径时 Angular 使路径如下：

http://localhost:4200/backend/api

但我需要

http://localhost/backend/api

没有端口，如何在 Angular 中设置此选项？

Answer 1

最好的用途是在 enviromenmt.ts 文件中设置一个基础 url。一篇关于 enviorment files 的好文章 environment.ts 文件：

例如：

environment.ts 文件:

 export const environment = {
  DefaultLanguage: "en",
  production: false,
  development: true,
  environmentName:"DEV",
  baseURL:"http://localhost:8080/api/" // your will be http://localhost/backend/api

};

environment.prod.ts:

export const environment = {
  DefaultLanguage: "en",
  production: true,
  development: false,
  environmentName:"PROD",
  ResultsPerPage:[5,10,25,50,75,100],
  baseURL:null
};

然后您可以应用一些逻辑：

 if (environment.development) {
  this.baseURL = environment.baseURL;
} else {
  this.baseURL = (platformLocation as any).location.origin + "/api/";
}

您可以创建多个具有不同 url 硬编码或基于逻辑的 url 的环境。

Answer 2

当您将路径设置为“/”时。这意味着来自您当前 window 位置的方案、主机和端口。因此，如果您的 window 位置是“http://localhost:4200/somePage", you will expect "http://localhost:4200”，则将是 baseURL。如果你已经对你的后端做了一个 80 的反向代理。您应该将其声明为独立的、完全合格的 url。例如

const baseUrl = "http://localhost"

如何在 Angular 中更改后端的基数 url？

How to change base url of backend in Angular?

angular

angular5

angular8