微信小程序wx.request封装

第一步: 首先在uils文件夹里 先创建一个api.js文件 代码如下：

const GET = 'GET';
const POST = 'POST';

const baseURL = 'https://www.***.com/';//配置的域名

function request(method, url ,data) {
  return new Promise(function (resolve, reject) {
    let header = {
        //头部
        'content-type': 'application/json',
    }
    wx.request({
      url: baseURL + url,
      method: method,
      data: method === POST ? JSON.stringify(data) : data,
      header: header,
      success(res) {
        //请求成功
        //判断code是否为0表示成功
        if (res.data.status == 0) {
          resolve(res);
        } else {
          //其他错误
          reject('运行出错,请稍后再试');
        }
      },
      fail(err) {
        //请求失败
        reject(err)
      }
    })
  })
}
//接口可以集合到一块，集中管理
module.exports = {
  getlist: (data) => request(GET, `index.php/index/index/getMoreList`, data), 
  getImgList: (data) => request(GET, `index.php/index/index/getImgList`,data), 
}

第二步: 按需引入 在需要请求的文件里使用即可 代码如下

import { getlist } from '../../utils/api'


//使用如下

getlist("参数写在这里").then(res => {
    console.log(res)
})