zoukankan      html  css  js  c++  java
  • uni-app如何配置多环境?

    最近我也在配置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  
    };
  • 相关阅读:
    文件的基本操作
    ps工作界面
    HDU 6300
    HDU 6298
    HDU 2037
    HDU 2036
    Tesseract OCR
    What is the difference between position: static,relative,absolute,fixed
    How to Call a synchronize function asynchronizly in C#
    WCF note1
  • 原文地址:https://www.cnblogs.com/zhangyezi/p/13637494.html
Copyright © 2011-2022 走看看