uniapp 环境配置(开发,测试,生产)

开发会在测试环境,生产环境,开发环境等环境下进行来回切换开发,测试,新建config.js用来写公共的环境配置的代码(config.js新建在src目录下)

let env = '';
env = process.env.NODE_ENV === 'development' ? 'pro' : 'prodDev';
const configs = {   
//生产环境
    pro: {
        server: "xxxx"
        photoServer: "http://xxxxx/photoserver/photo/", //图片服务器地址
        shareUrl:"xxxxxx",
        staticServer: "xxxxx",
        excludeURIs: ["/login", "/smsLogin", "/reg"],
        AmapKey:"xxxxxxxx"
    },
  	//线上
    prodDev: {
       server: "ccccc"
        photoServer: "http://xxxxx/photoserver/photo/", //图片服务器地址
        shareUrl:"xxxxxx",
        staticServer: "xxxxx",
        excludeURIs: ["/login", "/smsLogin", "/reg"],
        AmapKey:"xxxxxxxx"
    }, 
}

export default config

使用的时候再main.js引入

import config from '@/config/config.js';
//全局注入图片服务器地址,使用的时候直接用
//服务器图片
Vue.prototype.$imgUrlHead = config.photoServer;
//静态服务器图片
Vue.prototype.$staticServer = config.staticServer;

你可能感兴趣的:(uni-app,javascript,前端)