Angular 角度6：如何设置生产和开发基础url

对于angular，我想为生产和开发设置不同的基本url。我想动态地设置它，以便在生产和开发之间切换时减少index.html中硬编码的痛苦

---

您可以在生成（开发）时使用

environments.ts，environment.prod.ts

文件 environments.ts和生产时间您将使用environment.prod.ts

您可以设置自己的配置⚙

---

开发对于删除设备，您可以在environment.ts文件中进行设置。那样

export const environment = {
  production: false,
  baseUrl: 'http://test.net/api'  
};

用于环境中的生产

export const environment = {
  production: true,
  baseUrl: 'https://prod.net/api'
};

然后你应该在你的服务中使用url，就像那样

@Injectable()
export class DataService {  

  baseUrl = environment.baseUrl;

  constructor(private httpClient: HttpClient) { }

  getData(id: number) {
    let url = this.baseUrl + '/data/1';
    return this.httpClient.get<JSON>(url);
  }
}

@Injectable（）
导出类数据服务{
baseUrl=environment.baseUrl；
构造函数（私有httpClient:httpClient）{}
getData（id:编号）{
让url=this.baseUrl+'/data/1'；
返回此.httpClient.get（url）；
}
}

在angular项目中至少需要两个typescript文件。 environment.ts和environment.prod.ts。 对于开发，您必须使用简单的ng服务；对于生产，您必须构建并指定需要使用来自生产的url

为此，请使用：“ng build--prod。”

可以找到一篇关于这方面的文章