uniapp设置开发环境和生产环境

uniapp yekong

在uni-app中设置开发环境和生产环境,主要涉及到环境变量的配置和使用。通过定义不同的环境变量,可以在项目的不同阶段(如开发、测试、生产)使用不同的配置,例如接口请求的域名。

以下是设置开发环境和生产环境的基本步骤:

  1. 定义环境变量:在项目根目录下创建或修改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;
  1. 使用环境变量:在项目中引入env.js文件,并使用其中定义的环境变量。这样,根据当前的环境(开发或生产),代码就会使用相应的配置。
// 引入环境变量配置
import { env } from './env.js';

console.log(env.apiUrl); // 根据当前环境输出相应的API URL
  1. 配置项目:在manifest.json文件中,可以配置项目的环境变量,uni-app默认可以判断生产环境和开发环境。如果需要更多自定义环境配置,可以通过条件编译等方式实现。
// manifest.json
{
  // ...
  "h5" : {
    "devServer" : {
      "env" : {
        "NODE_ENV": "development"
      }
    }
  }
}
  1. 条件编译:uni-app支持条件编译,可以在代码中根据不同的环境执行不同的逻辑或使用不同的资源。
// 使用条件编译
#ifdef H5
console.log('H5平台');
#endif

#ifdef MP-WEIXIN
console.log('微信小程序平台');
#endif

通过上述方法,可以有效地管理uni-app项目在不同环境下的配置,使得开发、测试和生产环境能够使用各自的设置,从而提高项目的可维护性和稳定性。

喜欢