如何配置我的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/"
}

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

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

您可以在本地设置环境，但是这很烦人。 将您的api放在某些主机上，例如heroku，然后从您的config.dev.json中将其发射到heroku上。