小程序自动切换API环境配置

项目内主要通过自定义处理命令变换config.js内baseUrl的值，项目内通过APP.JS引用config.js。项目内所有页面即可通过app.js引用config.js内baseUrl的值获取baseUrl的值动态变换API。

项目初始化配置好的地址在这 拿来即用https://gitee.com/mingyueweb/wxapp-init
原理在这里有https://blog.csdn.net/qq_25324335/article/details/83099214

运行git clone 下载Demo到本地

git clone https://gitee.com/mingyueweb/wxapp-init.git

image.png

进入项目根路径下 运行 npm init -y 来直接生成package.json文件

npm init -y

image.png

小程序开发者工具导入项目

image.png

然后检查详情下 启用自定义处理命令 一般会直接就有

编译前应为node switch --dev
上传前预处理node switch --prod

image.png

我们可以在app.js中引入config.js文件，然后作为一个全局变量暴露出去，这样我们就可以在每个page中通过getApp().globalData.config 来获取这里的各项配置信息了。代码：

const config = require('./config')
App({
  onLaunch: function () { },
  globalData: {
    userInfo: null,
    config: config
  }
})