uniapp 请求接口封装

最新推荐文章于 2024-07-03 10:52:05 发布

YingMuMonkey

最新推荐文章于 2024-07-03 10:52:05 发布

阅读量256

点赞数

分类专栏：随记文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/yingdaomonkey/article/details/124883856

版权

随记专栏收录该内容

100 篇文章 0 订阅

订阅专栏

根目录新建一个文件夹(request),里面有两个js文件，一个config.js和http.js

config.js

let baseUrl = '';
if (process.env.NODE_ENV === 'development') {
	console.log('开发环境');
	baseUrl = "http://192.168.10.111:8082"; //王

} else {
	console.log('生产环境');
	baseUrl = "https://mp.fffffffffffff.cn"
}
export default baseUrl;

http.js

// //管理网络请求
import baseUrl from "@/request/config.js"

let http = (option) => {
	return new Promise((resolve, reject) => {
		uni.request({
			url: baseUrl + option.url,
			method: option.method || "get",
			header: option.header || {
				"third-session": uni.getStorageSync('userInfo').sessionKey
			},
			timeout: option.timeout || 6000,
			data: option.data || {},
			success: res => {
				switch (res.data.code) {
					case 200: // 请求正确
						resolve(res)
						break;
					case 60001: // 登录超时
						uni.showToast({
							icon: 'none',
							title: res.data.msg,
							duration: 2000
						})
						uni.clearStorageSync()
						resolve(res)
						break;
					default:
						resolve(res)
						break;
				}
			},
			fail: err => {
				uni.showToast({
					title: "请求失败，请稍后再试",
					icon: "none",
				})
				reject(err)
			}
		})
	})
}

export default http;