如何配置我的 angular 4 打字稿文件环境？

Question

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

Answer 1

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

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

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

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

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

在 heroku 上启动这个 api

how to configure my angular 4 typescript file environment?