目的:接口封装让代码更简洁,操作更方便,出错率更低。
第一步:建立引用目录
第二步:封装request.js
const BASE_URL = "http://" //公共请求头地址 const request = (url, method, data) => { return new Promise((resolve, reject) => { uni.request({ url: BASE_URL + url, method: method, data: data, header: { 'Content-Type': 'application/json', }, success(res) { console.log(res.data) if (res.data.code == 200 || res.data.code == 500) { resolve(res.data) } else if (res.data.code == 600) { // uni.showToast({ // title: '身份验证过期,请重新登录', // icon: 'none' // }); uni.navigateTo({ //url: "/pages/login/login" }) } else { // uni.showToast({ // title: '请求失败,请重新获取数据', // icon: 'none' // }); uni.navigateTo({ //url: "/pages/login/login" }) } }, fail(err) { reject(err) } }) }) } export default { request }
第三步:页面引用
第四步:页面调用
简单的封装结束。
很多人喜欢带表,你知道富人为什么买表吗?顶级手表价位怎么样?世界十大顶级手表排名
标签:uniapp,封装,url,res,程序接口,request,uni,data From: https://www.cnblogs.com/hilxj/p/18121799