方法一:
在wepy项目目录中有wepy.config.js这个文件,在这个js 文件中有appConfig字段,
appConfig: {
serverUrl: process.env.NODE_ENV === 'production' ? 'https://a.com/' : 'https://a.test.com/'
//正式环境 https://a.com 测试环境 https://a.test.com
}
方便我们在本地调试和发布小程序时不用手动去修改域名。
在appConfig里面,我们也可以加上其他字段(常量),在项目的每一个页面使用,比如加上版本号,其他页面通过下面方式取值就可以
const serverUrl=wepy.$appConfig.serverUrl
方法二:(判断开发环境)
先需要装 global-define这个插件
npm i babel-plugin-global-define --save-dev
然后在wepy.config.js里就可以配置全局变量了
var prod = process.env.NODE_ENV === 'production'; //判断是不是正式环境
babel: {
sourceMap: true,
presets: [
'env'
],
plugins: [
'transform-class-properties',
'transform-decorators-legacy',
'transform-object-rest-spread',
'transform-export-extensions',
['global-define',{
__NODE__:prod
}]
]
}
编译的命令
npm run dev //正式环境
npm run build //测试环境
app.wpy 中判断环境
onLaunch(){
console.log(_NODE_) //true 正式环境 false 测试环境
}