uniapp对unirequest的简单封装（笔记）

最新推荐文章于 2025-04-29 21:26:30 发布

中原猪精

最新推荐文章于 2025-04-29 21:26:30 发布

阅读量597

点赞数

分类专栏： vue_study 文章标签： vue 百度

本文链接：https://blog.youkuaiyun.com/qq_42257997/article/details/109241820

版权

本文记录了在uniapp中对unirequest的封装过程，包括创建lib目录下的request.js文件进行封装，以及在api目录下配置不同的API接口。通过百度开发者工具进行了测试并展示了测试结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、我的测试api以及它的返回数据

二、新建lib目录放配置文件，新建request.js封装uni-request

// 封装uni-request
import uniRequest from 'uni-request';
let baseURL = 'http://127.0.0.1:8364'

function request(options) {
    let headers = {
        "Content-Type":"application/json"
    }
    return new Promise((res,rej) =>{
        uni.request({
            url:baseURL + options.url,
            method:options.method || 'GET',
            data:options.data,
            header:headers,
            success(data) {
                res(data)
            },
            fail() {
                rej()
            }
        })
    })
}

export default request;

三、新建api目录放各种api，我的测试api配置如下