微信小程序 请求封装（使用Promise）

1.创建一个basicConfig.js基础配置文件

内容：

//正式请求地址
const apiUrl={
  basic:'',   //获取绑定公司信息
  card:"",    //名片请求地址
  clues:'',   //任务请求地址
}
//测试请求地址
const testApiUrl={
    basictest:'',   //获取绑定公司信息
    cardtest:"",    //名片请求地址
    cluestest:'',   //任务请求地址
}
module.exports={
  //以下两者可以切换测试环境和线上环境
  apiUrl:apiUrl,
  apiUrl:testApiUrl,
}

2.建立一个request.js文件

内容：

const http = (params) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url:params.url,//服务器url+参数中携带的接口具体地址
      data: params.data,       //请求参数
      header: params.header || 
      {
        "Content-Type": "application/json",//设置后端需要的常用的格式就好，特殊情况调用的时候单独设置
        'Z-Token':wx.getStorageSync('token'),
      },
      method: params.method || 'POST',//默认为GET,可以不写，如常用请求格式为POST，可以设置POST为默认请求方式
      dataType: params.dataType,//返回的数据格式,默认为JSON，特殊格式可以在调用的时候传入参数
      success: function (res) {
        //接口访问正常返回数据
        if (res.statusCode == 200) {
          resolve(res.data)
        }
      },
      fail: function (e) {
        reject(e)
      }
    })
  })
}
module.exports = {
  http: http,
}

3.创建一个basic.js文件

内容：

import { http } from '../../utils/request.js'
import { apiUrl} from '../basicConfig.js'
var url=apiUrl.basic;
module.exports = {
  getCardLike2(params) { return http({url:`${url}/ValidCodes`,data:params, method: "POST"}) },                     
  getCardLike(userId) { return http({url:`${url}/BasicActivityShowSets/list/${userId}`, method: "GET" }) },   
}

4.在页面中如何请求

内容：

import {getCardLike} from '../../../../basic'   //引入对应功能模块中的方法
 // 请求方法
getCardLike(this.data.userId).then(res => {
  this.setData({
     cardLinkData: res.data,
   });
 })