微信小程序wx.request的简单封装，超详细

最新推荐文章于 2023-05-15 08:47:14 发布

搁淺~

最新推荐文章于 2023-05-15 08:47:14 发布

阅读量1.7w

点赞数 41

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

本文链接：https://blog.csdn.net/qq_43677737/article/details/107769366

版权

本文详细介绍了如何在微信小程序中封装wx.request，以简化网络请求并避免回调地狱。通过引入Promise和async/await，使得异步操作更加简洁。在封装过程中，还提示了本地设置中不校验合法域名的解决方法，便于开发者快速上手。

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

小程序的网络请求wx.request的封装

炒鸡基础，炒鸡详细哦

关键词：wx.request,promise,async,await

在小程序中提供了发起https网络请求的方法wx.request（Object）

在js文件中使用此方法

wx.request({
      url: 'http://localhost:4000/top/playlist/highquality',//请求的接口地址
      method:"get|post|其他",//http请求数据的方式，默认是get
      data:{name:'',id:''},//请求的参数，如name和id
      header:{//请求头设置，根据需要自己设置
        //content-type默认为application/json
        'content-type':"application/x-www-form-urlencoded"
      },
      success(res){//请求成功时的回调函数
        console.log(res);
      },
      fail(msg){
          console.log(msg);//请求失败的回调函数
      }
    })

可能会遇到一个错误