一、在pages同级创建request文件夹 在此文件夹下创建一个index.js文件夹 在此文件夹内写入封装的api
const request = (method,url,params) => { // method (请求方式) url (请求的路径) params (请求的参数)
return new Promise((resolve,reject) => { // 创建一个promise函数
let baseUrl = "公共url"
uni.showLoading({ // 添加加载动画
title: '加载中'
});
uni.request({ // 发送请求
url: baseUrl + url, // url 形参就是传入的地址
data: params? params:'', // 传入的请求参数
method: method, // 传入的请求方式
success: res => { // 成功的函数
resolve(res.data);
uni.hideLoading();
},
fail: err => { // 失败的函数
reject(err);
uni.hideLoading();
}
});
})
}
const api = {
get: (url,params) => request("GET",url,params),
post: (url,params) => request("POST",url,params)
}
export default api; // 抛出接口
二、在request 文件目录下 创建一个 home文件夹 在home 文件夹内新建index.js文件
// 所有的首页的请求 ，都放在这里维护
import api from '../index.js';
export const get = params => api.get('路径',params); // get请求
export const post = params => api.post('路径',params); // post请求
三、在所需要请求数据的页面内
import 请求名 from '文件路径';
