存储 API URL 并在 Angular 中使用的最佳方式是什么

我想将所有 API URL 存储在一个位置，即在 JSON 文件中，我想在我的应用程序中使用该 JSON 文件。

i) 保存 JSON 文件的最佳位置是哪里。 ii) 如何使用 Type 脚本文件中的 URL

我会将基本网址存储在environment.ts中

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

对于 api URL，我将创建一个枚举：

export enum ApiPaths {
   Auth = '/auth',
   Foo = '/foo',
   Bar = '/bar'
}

然后在服务中使用它：

import { environment } from '../environments/environment';
import { ApiPaths } from '../enums/api-paths';

@Injectable()
export class FooService {  

  baseUrl = environment.baseUrl;

  constructor(private httpClient: HttpClient) { }

  getAll() {
    let url = `${this.baseUrl}/${ApiPaths.Foo}/all`;
    return this.httpClient.get<JSON>(url);
  }
}