小程序封装请求数据方法

第一步：先在request 文件里新建index.js，写入以下代码。

const baseUrl = 'https://api-hmugo-web.itheima.net/api/public/v1/home/'

/**

 * 数据请求模块

 * 接口地址 https://api-hmugo-web.itheima.net/api/public/v1/home/

 * 先显示加载框，然后请求结束加载框消失

 * 

 */

export function request (url, data) {

  // 显示加载中

  wx.showLoading({

    title: '加载中',

  })

  // 使用promise 解决异步操作问题，此处还可以使用 async + await

  return new Promise((resolve, reject) => {

    // 微信小程序的数据请求方法

    // 必须配置小程序的安全域名，

    // 在开发阶段可以在“详情” - “本地设置” - 勾选中 不校验请求域名、web-view(业务域名)、TLS版本及HTTPS证书

    wx.request({

      url: baseUrl + url,

      method:"GET",

      data: data || {},

      success: (res) => {

        // 隐藏加载中

        wx.hideLoading();

        // 后续处理

        resolve(res.data)

      }

    })

  })

}

第二步：在所需的页面中page.js中写入，需要导入刚才所写的文件夹        

// POST请求方式

  queryMenu(){

    let params = {

      food_name:"111",

      food_type:"111",

      restaurant_id:"SCNC2006171751500765122580"

    }

    request('/checkLogin',params).then(data => {

      console.log(data)

      // 微信小程序修改数据的方式

    })

  },

（注意：以上是POST请求 需要传递参数, GET请求去电参数即可）