微信小程序 wx.request 封装及使用

最新推荐文章于 2024-06-13 09:12:56 发布

小陈的博客

最新推荐文章于 2024-06-13 09:12:56 发布

阅读量603

点赞数 1

分类专栏：微信小程序 web 前端文章标签：微信小程序 javascript 小程序

本文链接：https://blog.csdn.net/m0_65138504/article/details/125529088

版权

本文介绍了如何在微信小程序中封装wx.request，便于统一管理和使用。步骤包括在util文件夹创建api.js，然后在需要调用接口的js文件中引入并使用封装后的代码。

摘要由CSDN通过智能技术生成

第一步：在util文件夹中，新建一个文件api.js

const GET = 'GET';

const POST = 'POST';


const baseURL = 'https://www.zzgoodqc.cn/';//配置的域名


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.code == 0) {
          resolve(res);
        } else {
          //其他错误
          reject('运行出错,请稍后再试');
        }
      },

      fail(err) {
        //请求失败
        reject(err)
      }
    })
  })
}


//接口可以集合到一块，集中管理
const API = {
  getLogin: (data) => request(GET, '/index.php/index/index/getImgList'),
      //