微信小程序统一请求封装

微信小程序请求封装

首先创建util文件夹及requet.js文件

// ----http----
// baseURL
const baseUrl = "https://接口地址:端口";// 公共的请求地址
// 封装微信请求方法
const request = (params) => {
  let url = params.url;
  let data = params.data;
  let method = params.method;
  let header = {
    "Content-Type": "application/json"
  };

  if (wx.getStorageSync("token")) {
    // token或者Authorization
    header.token = wx.getStorageSync("token");
  }
  return new Promise((resolve, reject) => {
    wx.request({
      url: apiUrl + url, // api url
      method: method, // get/post
      data: data, // 请求参数
      header: header, // 头部
      success(res) {
        // 判断状态码，此处和后端约定好
        if (res.statusCode == 200) {
          if (res.data.Code === 20000) {
            resolve(res.data);
          }else{
          reject(res.data)
          }
          
        } else {
          // 其他异常
          switch (res.statusCode) {
            case 404:
              wx.showToast({
                title: '未知异常',
                duration: 2000,
              })
              break;
            default:
              wx.showToast({
                title: '请重试...',
                duration: 2000,
              })
              break;
          }
          reject("未知错误,请稍后再试");
        }
      },
      fail(err) {
        if (err.errMsg.indexOf('request:fail') !== -1) {
          wx.showToast({
            title: '网络异常',
            icon: "error",
            duration: 2000
          })
        } else {
          wx.showToast({
            title: '未知异常',
            duration: 2000
          })
        }
        reject(err);
      },
      complete() {
        wx.hideLoading()
      },
    });
  });
};

module.exports = {
  baseUrl,
  request,
}

在util同级创建api文件夹及所需要的js文件

import {
  request
} from "../util/request"


// 列表
export const goodsList = (params) => {
  return request({
    url: '/goods/list',
    data: params,
    method: 'POST',
  })
}

最后在业务页面引入api接口

import {
  goodsList 
} from '../api/index'


getGoodsList(){
    goodsList ().then((res) => {
      if (res.code == 20000) {
   		// 
      } else {
		// 
      }
    }).catch((res) => {})