uni-app 封装请求
新建一个js文件专门来放封装好的方法哈
//现在我们在config.js 文件下面(这个文件名字是自己命名的哈)
//分别针对 get 和 post 进行一个公共 uni.request 请求的封装,每个方法传了2个参数,url 和 data ;(一个是接口地址,一个是参数)
const commonUrl = ‘xxxxx‘;//公共路径
//post 封装
function postRequest(url,data){
var promise = new Promise((resolve,reject)=>{
var that = this;
var params = data;
uni.request({
url:commonUrl+url,
data:params,
method:‘POST‘,
header:{
‘content-type‘:‘application/x-www-form-urlencoded‘,
‘token‘:uni.getStorageSync(‘token‘)
},
success:function(res){
resolve(res)
},
error:function(error){
reject(‘error‘)
}
})
})
return promise
}
//get 封装
function getRequest(url,data){
var promise = new Promise((resolve,reject)=>{
var that = this;
var params = data;
uni.request({
url:commonUrl + url,
data:params,
method:‘GET‘,
header:{
‘content-type‘:‘application/json‘
},
success:function(res){
resolve(res)
},
error:function(error){
reject(error)
}
})
})
return promise
}
module.exports = {
postRequest,
getRequest
}
///////////// config.js 文件封装 结束 //////////////
现在进行第二层封装 新建一个 http.js 文件,这个文件主要是封装接口的请求
var config = require(‘./config.js‘)
//比如说是 login 登录接口
var goLogin = function(val){
return config.getRequest(‘api/login‘,val);
}
module.exportd = {
goLogin
}
///////////// 第二层封装结束 //////////////////
如何使用?
在需要请求接口的文件引入这个 http.js 文件
import http from ‘@/utils/http.js‘;
function goLogin(){
let params = {
‘userPhone‘:‘xxxx‘
};
http.goLogin(params).then(res=>{
console.log(res)
}).catch(err=>{})
}
文章来自:https://www.cnblogs.com/sunnyeve/p/12576123.html