如何配置我的 angular 4 typescript 文件环境？

Question

这是我第一次尝试部署 Angular4 应用程序。我想设置 API 端点的 URL，并且我希望它在每个环境中都不同。 在我的源中要进行哪些类型的更改？如何设置我的 angular4 web api 访问每个环境？ 我可以使用虚拟PC吗？ 如何在 typescript 文件中读取 web.config db 连接？

Answer 1

如果我很好理解您的问题，您可以创建文件 config.dev.json 在这个文件中，你将拥有

webApiSettings:{
    "url1": "http://localhost:xxxx/api/",
    "url2": "http://pathToOtherApi/api/"
}

之后，您可以创建一些 file-service.ts 来加载配置，例如：

class NewClass {
    config.getConfig("webApiSettings").url1
}

您可以在本地设置环境，但这会很烦人。例如，将您的 api 放在像 heroku 这样的主机上，然后从您的 config.dev.json 中触发 heroku 上的这个 api。