微信小程序用async,await封装request请求(保姆级别)

  • Post author:
  • Post category:小程序


1.封装wx.request(),在utils文件夹下建一个api.js文件

function get(url, data = {}) {
  return new Promise(function (resolve, reject) {
    wx.request({
      method: "GET",
      url: url,
      data: data,
      success(res) {
        resolve(res);
      },
      fail(err) {
        reject(err)
      }
    })
  })
}



module.exports = {
  get,
  post
}

我感觉这重要的就是success回调之后要resolve回去,这好像是核心(哈哈,不太懂,只是会用)

2.封装URL链接,方便管理,不容易出错,在utils文件夹下建一个url.js文件

module.exports = {
  authorization: 'https://testgaoao.cn1.utools.club/api/wx/user/wxcabf24c77eb8df41/authorization', // 微信授权
  login: 'https://testgaoao.cn1.utools.club/api/wx/user/wxcabf24c77eb8df41/login', // 微信登陆借口
  phone: 'https://testgaoao.cn1.utools.club/api/wx/user/wxcabf24c77eb8df41/phone', // 获取并用户绑定手机号信息
  search: 'http://localhost:3000/search' //网易搜索接口
}

3.开始使用,先把api.js,url.js引用进来

const {
  get
} = require('../../utils/api.js')
const url = require('../../utils/url.js')

引用之后,开始在点击事件使用

  // 头像点击
  async loginwechat() {
    const data = {
      keywords: "海阔天空"
    }
    const res = await get(url.search, data)
    console.log(res);
  },



这样就OK了,我现在也只是到这种地步了,有问题直接评论,我一定会回的.帮助你也是帮助我自己.



自测可用



版权声明:本文为qq_42294411原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。