最近开发项目发现uni-app不能像vue.config.js那样配置环境。自动识别的室友两种环境。
·在HBuilderX 中,点击“运行”编译出来的代码是开发环境,点击“发行”编译出来的代码是生产环境
·cli模式下,是通行的编译环境处理方式。
根据官网提供demo,如下:

if(process.env.NODE_ENV === 'development'){
    console.log('开发环境')
}else{
    console.log('生产环境')
}

如果没有其他情况,在mian.js或者创建一个config.js然后导入main.js 这样的配置就ok啦

如果将代码打包到测试环境时会默认为pro环境。想要它访问测试环境的配置,此时就需要配置下拉 。 直接上的代码
创建config.js文件

let configURL = {}
const NODE_ENV = 'test'; // dev:开发环境 | test:测试环境  

if (process.env.NODE_ENV === "development") {
	//本地环境
	console.log('本地环境')
	configURL = {
		BaseURL: 'api_URL'
	}
} else {
	if (NODE_ENV === 'test') {
		//测试环境
		console.log('测试环境')
		configURL = {
			BaseURL: 'api_URL'
		}
	}else{
		//生产环境
		console.log('生产环境')
		configURL = {
			BaseURL: 'api_URL'
		}
	}
}

export default configURL

main.js

import Vue from 'vue'
import App from './App'
import configURL from './common/config.js'
Vue.config.productionTip = false


Vue.prototype.configURL = configURL
App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

Logo

前往低代码交流专区

更多推荐