微信小程序request封装

微信小程序request封装

步骤

在app.js 写入requestURL 地址

传送小程序动态更换requestURL

utils 文件创建 https.js文件

const app = getApp();
// 全局设置的公共url
const urlPrefix = app.globalData.requestURL;
const http = (options) => {
    return new Promise((resolve, reject) => {
        wx.showLoading({
            title: '加载中',
            mask: true
        })
        wx.request({
            url: urlPrefix + options.url,
            method: options.method || 'get',
            data: options.data || {},
            header: options.header || {
                'content-type': 'application/json'
            },
            timeout: 6000,
            success (res) {
                wx.hideLoading()
                resolve(res) // 如果觉得res.data.data 繁琐可 resolve(res.data)
            },
            fail (err) {
                wx.hideLoading()
                reject(err)
            }
        })
    })
}
export default http

在创建API文件

const 接口名 = (data) => {
    return http({
        method: 'POST', // POST || GET || PUT || DELETE
        url: '接口地址',
        data: data   // 传值
    })
}

传值如需拼接在接口地址上 如下

const 接口名 = (id) => {
    return http({
        method: 'GET', // POST || GET || PUT || DELETE
        url: 接口地址?id=' + id
    })
}

导出接口

export default {
    接口名
}

页面引入

import Api from '文件地址'

页面使用

Api.接口名(传值).then(res => {
    // 数据处理
})