uni-app 封装网络请求

原创已于 2022-02-08 16:32:03 修改 · 713 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#网络 #uni-app

于 2022-01-17 18:32:52 首次发布

uni-app 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个用于uni-app项目的网络请求封装方法，该方法通过Promise实现了接口调用的统一处理，包括加载提示、错误处理及请求头携带session信息等功能。

直接上代码：

// 接口地址
import BASE_URL from './base_url.js'

const http = (options) => {
	const seesionKey = 'SESSIONID'
	// 开始请求 展示加载中loading
	uni.showLoading({
		title: "加载中...",
	});
	return new Promise((resolve, reject) => {
		uni.request({
			url: BASE_URL + options.url, // 配置请求地址
			data: options.data || {}, // 请求参数
			// 配置请求头参数-例如token
			header: options.header || {
				"Content-Type": 'application/x-www-form-urlencoded;charset=utf-8',
				'Cookie': `${seesionKey}=${uni.getStorageSync(seesionKey)}`
			},
			method: options.method || 'GET', // 请求方式  注意：最好使用大写
			success: (res) => {
				resolve(res)
			},
			fail: (err) => {
				reject(err)
				console.log('请求失败', err)
			},
			complete: (finish) => {
				//请求结束 关闭加载loading
				uni.hideLoading();
			}
		})
	})
}

export {
	http
}