码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app 封装请求

时间:2020-03-27 10:52:41      阅读:1908      评论:0      收藏:0      [点我收藏+]

标签:erro   xxxx   details   ant   请求   文件名   relevant   turn   ports   

新建一个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://blog.csdn.net/Syleapn/article/details/97390552?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

uni-app 封装请求

标签:erro   xxxx   details   ant   请求   文件名   relevant   turn   ports   

原文地址:https://www.cnblogs.com/sunnyeve/p/12576123.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!