uni.request简单封装一下

最新推荐文章于 2024-08-01 15:11:52 发布

晓峰666

最新推荐文章于 2024-08-01 15:11:52 发布

阅读量873

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/qq_44766377/article/details/121373960

版权

封装

const BASE_URL = "http://*******.****.com"  // 地址
export const httpRequest = options => {
    return new Promise((resolve, reject) => {
        uni.request({
            url: BASE_URL + options.url,
            method: options.method || "GET",// 请求类型，默认为GET
            data: options.data || {}, // 请求参数，默认空对象
            success: res => {
                // 状态判断，根据后台定义并提示
                console.log(res)
                if (res.data.success) {
                    resolve(res)
                } else {
                    uni.showToast({
                        title: "获取数据失败："
                    })
                    return
                }
            },
            fail: err => {
                uni.showToast({
                    title: "请求失败！"
                })
                reject(err)
            }
        })
    })
}

main.js引入

import { httpRequest } from 'utils/request.js'
// 全局注册  请求调用方法
Vue.prototype.$httpRequest = httpRequest

在组件中直接使用

GET：

test(){
				this.$httpRequest({
					method:'GET',
					url:'/merchant/fuzzy/query',
					data:{
						condition:'大保'
					}
				})
				.then(res=>{
					console.log(res)
				})
			},

POST:

text1(){
				this.$httpRequest({
					method:'POST',
					url:'/complaint/get/info',
					data:{
						"pageNo": 0,
						"pageSize": 5,
						"state": 2
					}
				})
				.then(res=>{
					console.log(res)
				})
			},