porimse封装wx.request

发布日期: 2020-05-05

porimse封装wx.request

const request = ({url, method = 'GET', data, header}) => {
  let headers = {  // 默认值
    'content-type': 'application/x-www-form-urlencoded',
    'Cookie': wx.getStorageSync('sessionId') || ''
  };
  if(header) {  // 如果有传入新的 header内容
    for(let i in header) {
      headers[i] = header[i];
    }
  }
  return new Promise((resolve, reject) => {
    wx.request({
      url: 'http://route.showapi.com' + url,
      data,
      method,
      header: headers,
      success: res => {
        console.log(res);
        if(res.statusCode === 200) {
          resolve(res);
        } else {
          reject(res);
        }
      },
      fail: err => {
        reject(err);
      }
    });
  });
};

export {
  request
};

默认的请求方式：GET，
data数据格式：query string

在微信小程序中使用，通过es6的import .. from .. 引入，然后注册到app全局方法中。

import * as utils from './utils/api';
...utils,     // 通过三点展开运算符把 utils文件里 api.js的方法注册到app中

调用接口

// 调用接口
request({
  url: '/109-34',
  data: {
    showapi_appid: '62195', // 易源应用 id
    showapi_sign: 'f3b99d296a2c4728a4cfd98690d0b66d', // 为了验证用户身份，以及确保参数不被中间人篡改，需要传递调用者的数字签名。
  }
}).then(res => {
  console.log(res);
}).catch(err => {
  console.log(err);
});