微信小程序二次封装request网异常提示

最新推荐文章于 2024-09-02 15:10:23 发布

Young' Su Ang

最新推荐文章于 2024-09-02 15:10:23 发布

阅读量122

点赞数

文章标签：微信小程序网络请求接口封装 Promise wx.request

我们坚信：人民有信仰民族有希望国家有力量，我在祖国怀里成长，祖国在我心中扎根

本文链接：https://blog.csdn.net/YoungSuAng/article/details/118944252

版权

全是菜鸟教程，粘就行，或者有自己的想法

小程序里

进入utils文件夹我在里面新建了一个叫Http.js的文件并进入

//正好定义一个公共请求的接口名，如下
const host="http://www.laravel.wechat.com/api/";
//关于接口健全的token，也可以有自己的想法(可以不写)
const token=wx.getStorageSync('token')
//开始封装request
function request(url,data,method){
        return new Promise((resolve,reject)=>{
                //微信小插件提示信息
                wx.showLoading({
                  title: '加载中',
                  duration:3000
                })
                wx.request({
                  url: host+url,
                  data:data||{},
                  header:{
                        'Authorization': `Bearer ${token}`
                  },
                  method:method||'GET',
                  success:res=>{
                          //关闭小插件
                          wx.hideLoading()
                          let statusCode=res.statusCode;
                          if(statusCode==200){
                                  resolve(res)
                          }else{
                                  //返回的端口号不是200就提示网络异常
                                  wx.showToast({
                                    title: '网络异常，请检查网络状态',
                                    icon:'none',
                                    duration:3000
                                  })
                                  resolve(res)
                          }
                  },
                  //报错也返回
                  fail:res=>{
                          wx.hideLoading()
                          wx.showToast({
                                title: '网络异常，请检查网络状态',
                                icon:'none',
                                duration:3000
                              })
                              resolve(res)
                  }
                })
        })
}
//特别注意 调用 必须写
module.exports={
        request:request
}

在页面中引入

//跟着提示路径走好了
const requestReq = require('路径');

示例：

//见名思意
requestReq.request('二级域名').then(res => {
                      })

let that=this
    requestReq.request('datail',{'id':id,'name':name}).then(res=>{
        console.log(res)
        that.setData({
          article:res.data.data
        })
    })