商品分类（二）-分类数据的获取 ——使用utils下封装的接口数据调用方法

分类数据加载

• 调用后台接口获取分类数据
  • 接口路径：categories

async cateData () {
  // 调用接口获取分类数据
  let ret = await request('categories')
  this.cate = ret.data.message
}

补充：

在src下pages同层级的utils文件夹下，封装请求方法的文件request.js文件如下

/*
  封装通用的后台接口调用方法
*/
export default (path, param) => {
  return new Promise((resolve, reject) => {
    // 发送请求获取接口数据
    let baseUrl = `https://www.zhengzhicheng.cn/api/public/v1/${path}`
    wx.request({
      url: baseUrl,
      data: param,
      success: (res) => {
        if (res.data.meta.status === 200) {
          // this.swiper = res.data.message
          // 获取正常的后台数据
          resolve(res.data.message)
        }
      }
    })
  })
}

在所需商品分类页面cate/index.vue中，进行分类接口数据的获取

实用版

控制台network，查询分类接口数据

分类数据对应