关于前端:原生微信小程序封装request

32次阅读

共计 795 个字符,预计需要花费 2 分钟才能阅读完成。

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);
       })

正文完
 0