环境区分

fxss原创大约 1 分钟

每个需求都需要经过开发、测试环境之后我们才能放心的发布到正式环境，在泛积木-低代码中如何对环境进行区分呢？

开发、测试、正式环境我们采用不同的链接进行标识。

isDev 开发环境

链接为 /editor/page/:pageKey ，也就是项目中的可视化编辑页面，这个时候所处的环境是 dev 环境，会打开 debug 模式，在预览模式下可以使用查看各个组件的数据域内的数据。

我们会在数据域内注入 isDev 数据：

根据请求地址可以配置参数open in new window我们可以按照下面的方式进行不同环境调用不同接口。

我们在项目config.js配置axiosBaseURL，针对不同的环境，我们使用不同的链接前缀，然后在页面 json 的配置内我们可以：

"api": {
  "method": "get",
  "url": "${pageInfo.isProd ? '正式环境接口地址' : (pageInfo.isTest ? '测试环境接口地址' : '开发环境接口地址')}"
},

我们会在数据域内注入 isTest 数据：

我们会在数据域内注入 isProd 数据：