uni-app 配置不同的编译环境(本地、测试、生产)
最近开发项目发现uni-app不能像vue.config.js那样配置环境。自动识别的室友两种环境。·在HBuilderX 中,点击“运行”编译出来的代码是开发环境,点击“发行”编译出来的代码是生产环境·cli模式下,是通行的编译环境处理方式。根据官网提供demo,如下:if(process.env.NODE_ENV === 'development'){console.log('开发环境')}e
·
最近开发项目发现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()
更多推荐
已为社区贡献2条内容
所有评论(0)