微信小程序接口请求统一配置

约定不等于承诺〃 2021-09-18 15:00 625阅读 0赞

### 1.  文件格式 ###

![20190326165738972.png][]

### 2. main.js 文件(统一配置接口导出，各个页面按需导入引用) ###

// 小程序开发api接口统一配置
    // 如果你的域名是： https://www.baidu.com/cn 那么这里只要填写 cn
    let subDomain = '/cn'  // 子域名,没有就等于''
    const API_BASE_URL = 'https://www.baidu.com'  // 主域名
    
    
    const request = (url, method, data) => {
      let _url = API_BASE_URL + subDomain  + url
      return new Promise((resolve, reject) => {
        wx.request({
          url: _url,
          method: method,
          data: data,
          header: {
            'Content-Type': 'application/json'
          },
          success(request) {
            resolve(request.data)
          },
          fail(error) {
            reject(error)
          },
          complete(aaa) {
            // 加载完成
          }
        })
      })
    }
    
    /**
     * 小程序的promise没有finally方法，自己扩展下
     */
    Promise.prototype.finally = function (callback) {
      var Promise = this.constructor;
      return this.then(
        function (value) {
          Promise.resolve(callback()).then(
            function () {
              return value;
            }
          );
        },
        function (reason) {
          Promise.resolve(callback()).then(
            function () {
              throw reason;
            }
          );
        }
      );
    }
    
    module.exports = {
      request,
      // 首页列表接口
      getList: data => request('/goods/list','get', data),
      // 详情接口
      getDetail: (data) => request('/goods/detail','get', data),
    
    }

### 3.  导入使用 ###

![20190326171315575.png][]

**index.js 导入使用**

[20190326165738972.png]: /images/20210726/9adc69fda4d5427289f4563170ec1263.png
[20190326171315575.png]: /images/20210726/074bbd3bbd804190a110994994e47263.png