http请求 uni 封装_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=>{})

}