uni-app如何配置多环境？

Question

我想像vue那样配置多环境变量
开发环境、测试环境、生产环境

Answer 1

找了半天，发现都不靠谱包括上面的回答，自己研究了下，因为也用了vue cli所以直接后面加 --mode [env], 还是vue怎么写就怎么写，最简单，亲测好用

Answer 2

最近我也在配置uni-app的多环境，在官方社区找到了解决方法
参考一下社区的解决方案：https://ask.dcloud.net.cn/que...
在根目录下创建.env.js，.env.dev.js，.env.prod.js这三个文件。
.env.js

;  
(function() {  
    const NODE_ENV = 'dev'; // dev:开发环境 | test:测试环境  
    let ENV_VAR = null;  

    if (process.env.NODE_ENV === "development") {  

        if (NODE_ENV === 'dev') {  
            ENV_VAR = require('.env.dev.js');  
        } else if (NODE_ENV === 'test') {  

        }  

    } else if (process.env.NODE_ENV === "production") {  

        ENV_VAR = require('.env.prod.js');  

    }  

    if (ENV_VAR) {  
        process.uniEnv = {};  
        for (let key in ENV_VAR) {  
            process.uniEnv[key] = ENV_VAR[key];  
        }  
    }  
})();

.env.dev.js

const UNI_APP = {  
    BASE_API: '/dev-api'  
}  

module.exports = UNI_APP;

.env.prod.js

const UNI_APP = {  
    BASE_API = '/prod-api'  
}  

module.exports = UNI_APP;

.env.js 起到一个总控的作用，根据NODE_ENV变量的值加载不同的文件，起到环境变量切换的效果。有一点需要注意的是，我们需使用process.uniEnv.xxx来获取我们设置的全局变量值。
在App.vue 引入.env.js并设置globalData

import '.env.js'  
export default {  
    globalData: process.uniEnv  
};