我已经开发了reactjs应用程序并将其托管在Azure云中。现在,我们要通过Azure管道实现CI / CD流程。我在这两个平台上都是新手。需要知道过程。
当前,我有一个文件index.js,在其中使用了axios并设置了基本URL以连接到服务器。我在不同组件类中的所有Web服务都访问此axios设置,以从服务器访问数据。我们有四个环境,DEV,SIT,UAT和PROD。因此,现在我使用手动更改axios基本URL并创建构建并将其压缩并托管到相应的环境中。
我需要了解CI / CD应该采取什么步骤。大部分Google搜索结果都建议使用配置文件。但是,如何更改当前的实现方式对我来说是一个巨大的挑战。例如,我的axios基本URL,如何从配置文件中获取值或应该在哪里创建配置文件,因为在创建版本时,所有js文件都被压缩为一个文件并放在静态文件夹中。除静态文件夹外,还列出了项目目录公用文件夹中的应用程序图标和文件(在build文件夹中)。所以我应该在公用文件夹或其他内容中包含一个配置文件。
项目目录的config文件夹中还有webpack.config.dev.js和webpack.config.prod.js。有帮助吗因为要求首先是通过Azure管道,所以代码将转到DEV环境,然后从DEV到SIT,再从SIT到UAT,再到PROD。因此,随后我的axios基本URL也应作相应更改。
有人可以提出任何建议吗?
答案 0 :(得分:0)
我不确定我是否完全理解您的问题,但是您可以创建一个json文件并将配置数据放在其中,即server_config.json。由于它不是js文件,因此不会被缩小。然后,您将需要阅读代码中的json以获取所有设置。您的CI / CD也可以阅读此填充信息。
您还应该确保从版本控制中忽略json配置文件,以便每个环境都必须有自己的文件。