uni-app 环境配置

起步

uni-app官方文档

在我们平常开发过程中，都会有线上，测试，本地，等环境，那我们可以给他区分开。

1. 在api文件夹(我自己是在api文件夹，列如：common文件夹)中新建一个config.js。

       let ENV_CONFIG = null;
       // process.env.NODE_ENV 判断当前环境是开发环境还是生产环境
       if(process.env.NODE_ENV == 'development'){
             // 开发环境
             ENV_CONFIG = require('./config-dev.js')
       } else {
             // 生产环境
             ENV_CONFIG = require('./config-prod.js')
       }
       //给环境变量process.uniEnv赋值
       if(ENV_CONFIG){
             process.uniEnv = {};
             for (let key in ENV_CONFIG) {
                   process.uniEnv[key] = ENV_CONFIG[key];
             }
       }
       export default ENV_CONFIG
   

2. 跟config.js同一个目录中，新建开发环境(config-dev.js)与线上环境(config-prod.js)

   // 开发环境
   let url_config = '';
   // 判断是否为H5还是app
   let url = ''
   // #ifdef H5
       url = window.location.origin
   // #endif
   // #ifdef APP-PLUS
       url = '这块写的是app的请求地址(与后台协商提供api)，没有可以先写本地ip'
   // #endif
   // 封装为对象抛出去
   const config = {
       url_config: url+'/api'
   }
   module.exports = config;
   
   
   // 线上环境
   let url_config = '';
   // 判断是否为H5还是app
   let url = ''
   // #ifdef H5
   url = window.location.origin
   // #endif
   // #ifdef APP-PLUS
   url = '这块写的是app的请求地址(与后台协商提供api)，没有可以先写本地ip'
   // #endif
   // 封装为对象抛出去
   const config = {
       url_config: url+'/api'
   }
   module.exports = config;