uni-app网络请求的封装

http.js

// 环境的切换
let pubUrl = ""
if (process.env.NODE_ENV === 'development') {
// 开发环境
pubUrl = "http://192.168.1.101:8888/****"
} else if (process.env.NODE_ENV === 'debug') {
pubUrl = "" // 调试环境
} else if (process.env.NODE_ENV === 'production') {
pubUrl = "" // 生产环境
}
// 允许当前axios携带cookie
const http = (options) => {
return new Promise((resolve, reject) => {
uni.request({
//官方文档说是默认携带cookie（h5环境），实际体验并非如此
withCredentials: true,
url: pubUrl + options.url,
method: options.method || 'get',
data: options.data || {},
header: options.header || {
//
'content-type': 'application/x-www-form-urlencoded'
// #ifdef !H5 只在非h5的小程序添加下面的
cookie
cookie: uni.getStorageSync("shiro")
// #endif
},
//请求成功的回调，可以在方法做返回状态码的判断。也可以直接返回resolve
==》success: resolve，fail：reject
success: (res) => {
resolve(res)
},
//请求失败的回调，可以在方法。反馈用户、提示用户，也可以直接返回reject
==》success: resolve，fail：reject
fail: (err) => {
reject(err)
},
})
})
}
export default http

indexApi.js

import http from './http.js' //引入上面封装好的请求方法
// 获取轮播图
//登录的api
export const login = data => http({
url: '/user/login',
method: 'post',
data: data
})
//测试的api
export const test = data => http({
url: '/user/test',
method: 'get',
data: data
})

具体的调用

import {
login,
test
} from '../../static/api/indexApi.js' //首先要引入封装好的上述api文件，路径根据自己文件的位置
test() {
test({
"tel": "******",
"pwd": "123456"
}).then((res) => {
console.log(res)
});
}

最后

以上就是无情马里奥为你收集整理的uni-app网络请求的封装的全部内容，希望文章能够帮你解决uni-app网络请求的封装所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。