uni-app封装请求方法

最新推荐文章于 2024-11-06 20:20:40 发布

李先坤

最新推荐文章于 2024-11-06 20:20:40 发布

阅读量59

点赞数

分类专栏：笔记文章标签：前端 Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_43391261/article/details/129086149

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

新建 LanBowanShop/utils/request.js

import cofig from './config.js'
export default (url,data={},method='GET')=>{
    return  new Promise((resolve,reject)=>{
        uni.request({
            url:cofig.baseUrl+url,
            data,
            method,
            success(res) {
                resolve(res.data);
            },
            fail(err) {
                reject(err);
            }
        })
    })
}

新建 LanBowanShop/utils/config.js

export default {
    baseUrl: 'http://localhost:7788'
}

测试封装好的请求方法

<script>
    //1.导入封装好的请求数据方法
    import http from '@/untils/request.js';
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },

        methods: {
            //2.请求首页数据
            async getIndexData() {
                let {
                    data: res
                } = await http('/getIndexData');
                console.log(res);
            }
        },

        created() {
            // 3.在声明周期函数中使用
            this.getIndexData()
        }

    }
</script>