商品分类（二）-分类数据的获取 ——使用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，查询分类接口数据

分类数据对应