微信小程序封装wx.request

第一步：在 utils 文件夹中，新建一个 api.js 文件

const GET = 'GET';
const POST = 'POST';
 
const baseURL = 'https://www.xxxxx.cn/';//配置的域名
 
function request(method, url, data) {
    return new Promise(function(resolve, reject) {
        let header = {
            'content-type': 'application/json',
        };
        wx.request({
            url: baseURL + url,
            method: method,
            data: method === POST ? JSON.stringify(data) : data,
            header: header,
            success(res) {
                //请求成功
                //判断code是否为0表示成功
                if (res.data.code == 0) {
                    resolve(res);
                } else {
                    //其他错误
                    reject('运行出错,请稍后再试');
                }
            },
            fail(err) {
                //请求失败
                reject(err)
            }
        })
    })
}
 
 
//接口可以集合到一块，集中管理
const API = {
  getList: (data) => request(GET, `接口地址`),
  getLogin:(data)=>request(POST,'接口地址',data)
};
module.exports = {
  API: API
}
 

第二步：在 Page 外面（顶部）。引入封装的文件

const $api = require('../../utils/api').API

第三步：使用

// 不传参
$api.getList().then(res => {
    console.log(res)
})

// 传参
let data = {
    name: 111,
    pwd: 222,
    vercode: 'Qj9k'
}
$api.getLogin(data).then(res => {
    console.log(res)
})