微信小程序实现接口地址统一配置 文件config

在项目开发中我们常常会进行业务接口对接的操作。经常需要在本地接口地址、测试服务器接口地址到最后的正式的接口地址间来回更换调试推进项目上线。如果去每个页面单独修改，很明显是不现实的。不仅会大大增加工作量，造成代码冗余而且不便于后续项目维护。那接口地址的抽离方便进行统一配置是必不可少的一环。那微信小程序中如何进行统一配置呢？

1.新建config.js 统一配置文件

 

2.config.js文件中写如下代码

/**
作者：xxx
创建时间：xxx
版权： xxxx
描述：接口地址统一配置，本地，测试服务器，正式服务器 ，登录地址
 */

var bizlogic = {
  // 是否是本地
  isLocal: true,
  // 是否是正式
  isFormal: false, // isLocal:false 时才有效

  // 本地测试地址 
  localTest: 'http://192.168.161.27:8088/epointwechat/rest/wechatserver/',
  // 本地登录测试地址 
  localTest_login: 'http://192.168.161.27:8088/epointwechat/',

  // 测试服务器地址 
  serverTest: 'http://121.224.59.80:8099/epointwechat/rest/wechatserver/',
  // 测试服务器登录地址 
  serverTest_login: 'http://121.224.59.80:8099/epointwechat/',

  // 正式服务器接口地址
  serverFormal: '',
  // 正式服务器登录接口
  serverFormal_login: ''
};
var serverUrl = '',
  loginUrl = '';

// 判断是否是本地
if (bizlogic.isLocal == true) {
  serverUrl = bizlogic.localTest;
  loginUrl = bizlogic.localTest_login;
} else {
  serverUrl = bizlogic.isFormal ? bizlogic.serverFormal : bizlogic.serverTest;
  loginUrl = bizlogic.isFormal ? bizlogic.serverFormal_login : bizlogic.serverTest_login;
};


module.exports = {
  serverUrl: serverUrl,
  loginUrl: loginUrl
};

以上是我需要的接口地址的写法，你可以

3.文件引入

在app.js中引入config文件。

const config = require('config.js');

// 在app({})定义下变量，供项目其他页面调用，可全局调用
  serverUrl: config.serverUrl, // 接口地址
  loginUrl: config.loginUrl, // 登录接口地址

 

这样你在其他js中就可以直接这样获取

另外你也可以不写在app.js文件中，你可以单独在你想要用到地址的页面引入config文件，再直接调用即可。