Web组件、多环境中的跨域API调用

Question

我有两个问题：

1）

我正在 Angular 中开发一个 Web 组件。在我们的项目中，我们有多个测试环境+生产环境。假设域上有多个 API，如下所示：

https://domain.dev1.com/api/v1< /a>

https://domain.dev2.com/api/v1

https://domain.dev3.com/api/v1

https://domain.prod.com/api/v1

Web 组件必须在所有环境中运行。重要的事实是，该 Web 组件将在与 API 不同的域上工作。 （假设https://anotherdomain.com）。如何正确配置呢？我正在考虑使用这些 url 的 4 个不同的environment.ts 文件。比如：

file: environment.dev1.ts

export class Environment {
   apiUrl: https://domain.dev1.com/api/v1
}

并在代码中使用这个变量。这是正确的解决方案吗？

2)

在此 Web 组件中，我将使用另一个 Web 组件，该组件配置为在同一域上使用 API（API 的相对路径）。我可以以某种方式创建一个代理来使用这个 API 吗？ （正如我之前所说，我的网络组件位于不同的域上）。

希望我能很好地解释一切。