张国伟 发表于 2025-4-10 03:54:17

封装uniapp request promise化

一、 封装方法

1. 使用 promis 封装 request

const BASE_URL = '你的url接口' //比如http://198.12.3.3/pz

export function request(config = {}){
        let {
                        url,
                        data = {},
                        method = 'GET',
                        header = {},
                } = config
                url = BASE_URL+url
                header['access-key'] = "您的key值"
                header['token'] = '您的toekn值'
                retrun new Promise((resolve, reject) => {
                        uni.request({
                                url,
                                data,
                                method,
                                header,
                                success:(res) =>{
                                        if(res.data.errCode === 0){
                                                resolve(res.data)
                                        }else if(res.data.errCode === 400){
                                                uni.showModal({
                                                        title:'错误提示',
                                                        content: res.data.errMsg,
                                                        showCancel:false
                                                })
                                                resolve(res.data)
                                        }else{
                                                uni.showToast({
                                                        title:res.data.errMSg,
                                                        icon:'none'
                                                })
                                },
                                fail: (err) =>{
                                        reject(err)
                                }
                               
                        })
                )
}
2. 封装 api 在 api.js

        import {request} from '@/util/request'
        export function apiGetOrder(data = {}){
                return request({
                        url:'您要拼接的url' //比如/order/list
                })
        }

3.在要请求的页面 调用 api

                import {apiGetOrder} from '@/api/api.js'
                const getOrder = async () =>{
                let res = await apiGetOrder()
                orderList.value = res.data
                console.log(res.data);
        }
注意
提供的url 都是虚拟
如有错误请告知
如有侵权请带着截图发邮件
邮箱 1413229255@qq.com

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 封装uniapp request promise化