您的当前位置:首页正文

小程序实现URL全局配置并封装wx.request请求(简单版)

2024-11-08 来源:个人技术集锦

在app.js进行以下配置:

App({
  //设置全局请求URL
  globalData:{
    URL: 'https://18888888',
  
  },
 
  /**
  * 封装wx.request请求
  * method: 请求方式
  * url: 请求地址
  * data: 要传递的参数
  * callback: 请求成功回调函数
  * errFun: 请求失败回调函数
  **/
 wxRequest(method, url, data, token) {
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      method: method,
      data: data,
      header: {
        // application/x-www-form-urlencoded
        'content-type': 'application/json;charset=UTF-8',
        'Accept': 'application/json',
        'token': token
      },
      dataType: 'json',
      success: function (res) {
        console.log(res);
        // callback(res);
        if (res.data) {
          resolve(res.data);
        } else {
          reject(res.data.message || '系统出小差了');
        }
        // resolve(res.data);
      },
      fail: function (err) {
        // errFun(err);
        reject(err);
      }
    })
  })
},

})

在页面中进行调用
在页面的js文件书写代码进行调用
一:先进行引入

const app=getApp();

二:使用

 let url = app.globalData.URL + '/advert'; 
    let data = {};
    app.wxRequest('POST', url, data, (res) => {
      console.log(res.data)
    }, (err) => {
      console.log(err.errMsg)
    })
显示全文