uniapp接口请求封装

最新推荐文章于 2025-04-23 20:29:15 发布

学魔学编程

最新推荐文章于 2025-04-23 20:29:15 发布

阅读量1.4k

点赞数 3

分类专栏： uniapp 文章标签： less 前端 css

本文链接：https://blog.youkuaiyun.com/qq_59717525/article/details/121362127

版权

uniapp接口请求封装

//功能：暴露接口  判断是开发模式 development 开发模式  product 生产模式

const url=process.env.NODE_ENV=='development'?'/dpc':'http://xx.xx.xx.xx:8787';

export const myRequest = (options) => { //暴露一个function：myRequest，使用options接收页面传过来的参数
        return new Promise((resolve, reject) => { //异步封装接口，使用Promise处理异步请求
            uni.request({ //发送请求
                url: url + options.url, //接收请求的API
                method: options.method || 'GET', //接收请求的方式,如果不传默认为GET
				header: {
					'content-type': 'application/x-www-form-urlencoded', 
				}, //post要添加header
                data: options.data || {}, //接收请求的data,不传默认为空
				sslVerify:false,
                success: (res) => { //数据获取成功
				/*
                    if (res.data.meta.status !== 200) { //因为200是返回成功的状态码，如果不等于200,则代表获取失败,
                        return uni.showToast({