微信小程序设置网络请求

最新推荐文章于 2024-08-30 00:12:48 发布

小康娜

最新推荐文章于 2024-08-30 00:12:48 发布

阅读量666

点赞数

文章标签：微信小程序网络小程序

本文链接：https://blog.csdn.net/xiaokangna/article/details/122192423

版权

建立一个http.js文件放入即可

const BaseUrl = "https://www.com"
const post = {
    post ( url, data ) {
      //  数据请求出来前显示的加载动画
       wx.showLoading({
         title: '正在加载中...',
         mask:true
       })
        return new Promise((resolve, reject) => {
            wx.request({
            url: BaseUrl + url, //将传入的网址与baseurl拼接
            data:data || {}, //有data就传入data，没有设置为空
            method:"POST", //请求的类型
            header: {//设置请求头
              'content-Type': 'application/json',
              'Cookie':wx.getStorageSync("key"),//读取本地存储的token
              },
            success (res) {//成功时的回调
              if(res.data == "{code:9006}"){
                wx.showModal({//提示框，需要点击确定
                  title: '提示',
                  showCancel: false,
                  content: '登入失效，请重新登入',
                  success(res) {
                    if (res.confirm) {//confirm为true时代表用户点击了按钮
                      wx.reLaunch({
                        url: '/pages/log/log'
                      });
                    }
                  }
                })
              }else if(res.data == "{code:1903}"){//请求网络超时返回的数据
                wx.showToast({//轻提示框，不需要点击确定
                  title: '请求超时，请重新尝试',
                  icon:"none",//icon显示，erron感叹号，none不显示
                  mask:true,
                })
              }
              resolve(res)
            },
            fail () {//失败时的回调
              wx.hideLoading();
              wx.showToast({
              title: '请求超时，请重试',
              icon:"none"
            })

            },
            reject(){

            },
            complete () {//接口调用结束的回调函数（调用成功、失败都会执行）
              //取消加载动画
              wx.hideLoading({
                mask:false
              })
              
            }
          })
    })
    },
  }
  export default post

然后再拼接字段即可
新建了个群，欢迎大家一起进群讨论459358760