request文件
// 封装申请const baseURL = 'https://api-hmugo-web.itheima.net/api/public/v1'const request = (options) => { // return new Primise才能够应用then或者async return new Promise(function(resolve, reject) { let header = {'content-type': "application/x-www-form-urlencoded"} wx.request({ url: baseURL + options.url, data: options.data, header , method: options.method, timeout: 10000, success: (result) => { // 申请胜利的回调 /* 在这里能够做状态码判断 并给对应的状态码一些行为 此处因为接口的起因,我间接返回了 */ resolve(result.data); }, fail: (err) => { // 申请失败的回调 wx.showToast({ title: '网络连接失败', icon: 'none', duration: 1000 }) //申请失败 reject(err) } }) })} export {request}
抽离的接口申请文件
import { request } from '../utils/request' // 商品详情export function goodsDetail (data) { return request({ url: '/goods/detail', method: 'get', data })}
在页面里应用
import { goodsDetail } from '../../server/goodsDetail'goodsDetail({goods_id}).then(res=>{ console.log(res); })