uni-app教程四（uni.requet()、网络模块封装

最新推荐文章于 2025-05-20 10:31:45 发布

lys-0203

最新推荐文章于 2025-05-20 10:31:45 发布

阅读量818

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_57983561/article/details/117042874

本文介绍了uni-app的网络请求方法uni.request()，包括未封装和封装后的使用方式，详细讲解了如何在Vue组件中应用，并提供了封装网络请求的步骤和代码示例。

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

1. uni-app网络请求

uni-app提供了uni.requet()方法，发起网络请求：

uni.request({
    url: 'https://ceshi2.dishait.cn/api/v1/list', //仅为示例，并非真实接口地址。
    data: {
        text: 'uni.request'
    },
    header: {
        'custom-header': 'hello' //自定义请求头信息
    },
    success: (res) => {
        console.log(res.data);
        this.text = 'request success';
    }
});

注意：

在各个小程序平台运行时，网络相关的 API 在使用前需要配置域名白名单。

2. uni.request()未封装VUE组件中的使用

getList:function(){
    var _self=this;
    var token = uni.getStorageSync(_self.sessionKey);
    uni.request({
        url: 'https://ceshi2.dishait.cn/api/v1',
        method: 'GET',
        data: {
            token : token,
            timestamp : timestamp
                   },
        success: res => {
            if (res.data.code == "401") {//登录失效
                //弹框提示
                uni.showToast({
                    title: res.data.msg