Home

微信小程序原生wx.request简单封装(自用版)

调用方法

import { get, post } from "../../request/request";

// GET请求
const _res = await get("https://api.vvhan.com/api/ian");
console.log(_res);
// POST请求
const _res = await post("https://api.vvhan.com/api/ian");
console.log(_res);

request.js

const request = (url, options) => {
  return new Promise((resolve) => {
    options.isLoading &&
      wx.showLoading({
        title: "正在加载",
      });
    wx.request({
      url,
      method: options.method,
      data: options.data,
      header: {
        "Content-Type": "application/x-www-form-urlencoded",
      },
      success(res) {
        resolve(res.data);
        options.isLoading && wx.hideLoading();
      },
      fail(error) {
        options.isLoading && wx.hideLoading();
        wx.showToast({
          icon: "none",
          title: "请求失败",
          duration: 1400,
        });
      },
    });
  });
};

const get = (url, options = {}, isLoading = true) => {
  return request(url, {
    method: "GET",
    data: options,
    isLoading,
  });
};

const post = (url, options = {}, isLoading = true) => {
  return request(url, {
    method: "POST",
    data: options,
    isLoading,
  });
};
module.exports = {
  get,
  post,
};