如何在Angular中更改后端的基本URL？

Question

我有路径让路径= "/";

当它调用此路径时，Angular使路径类似：

http://localhost:4200/backend/api

但是我需要

http://localhost/backend/api

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

Answer 1

当您将路径设置为“ /”时。它表示您当前窗口位置的主机和端口。因此，如果您的窗口位置是“ http://localhost:4200/somePage”，您将期望“ http://localhost:4200”将是baseURL。如果您对后端做了80的反向代理。您应该将其声明为独立的标准网址。例如

const baseUrl = "http://localhost"

Answer 2

最佳用法是在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创建多个环境。