微信小程序原生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,
}

原文地址：https://cloud.tencent.com/developer/article/2031072