在uni-app中设置开发环境和生产环境,主要涉及到环境变量的配置和使用。通过定义不同的环境变量,可以在项目的不同阶段(如开发、测试、生产)使用不同的配置,例如接口请求的域名。
以下是设置开发环境和生产环境的基本步骤:
- 定义环境变量:在项目根目录下创建或修改
env.js
文件(或其他自定义的配置文件),定义开发环境和生产环境的变量,如API的基础URL。
// env.js
const devEnv = {
apiUrl: 'https://dev.wanjunshijie.com/api'
};
const prodEnv = {
apiUrl: 'https://prod.wanjunshijie.com/api'
};
export const env = process.env.NODE_ENV === 'development' ? devEnv : prodEnv;
- 使用环境变量:在项目中引入
env.js
文件,并使用其中定义的环境变量。这样,根据当前的环境(开发或生产),代码就会使用相应的配置。
// 引入环境变量配置
import { env } from './env.js';
console.log(env.apiUrl); // 根据当前环境输出相应的API URL
- 配置项目:在
manifest.json
文件中,可以配置项目的环境变量,uni-app默认可以判断生产环境和开发环境。如果需要更多自定义环境配置,可以通过条件编译等方式实现。
// manifest.json
{
// ...
"h5" : {
"devServer" : {
"env" : {
"NODE_ENV": "development"
}
}
}
}
- 条件编译:uni-app支持条件编译,可以在代码中根据不同的环境执行不同的逻辑或使用不同的资源。
// 使用条件编译
#ifdef H5
console.log('H5平台');
#endif
#ifdef MP-WEIXIN
console.log('微信小程序平台');
#endif
通过上述方法,可以有效地管理uni-app项目在不同环境下的配置,使得开发、测试和生产环境能够使用各自的设置,从而提高项目的可维护性和稳定性。