首页 > 其他分享 >uniapp 封装接口并使用

uniapp 封装接口并使用

时间:2024-02-28 09:33:42浏览次数:24  
标签:httpRequest uniapp 封装 res 接口 js api return data

1.在utils文件夹下新建 api.js 和 httpRequest.js 页面

httpRequest.js:

getApp().globalData.baseUrl = 'https://xxxxxx';
import api from "@/utils/api.js";
module.exports = {
    httpRequest(url, method, param) {
        var data = param.data;
        var headerParam = {}
        if (url.indexOf("/loginApp") != -1 ) { // 根据自身项目内容 再具体判断
            headerParam = {}
        } else {
            headerParam = {
                'Authorization': token != '' ? uni.getStorageSync('token') : '', //检查缓存中有没有token 
                'Content-Type': 'application/json;charset=utf-8'
            }
        } 
        let promise = new Promise(function(resolve, reject) {
            uni.request({
                url: getApp().globalData.baseUrl + url,
                data: data,
                method: method,
                header: headerParam,
                complete: (res) => { //请求完成 
                    uni.hideLoading(); //隐藏加载
                },
                success: (res) => {
                    if (res.data.code == 200) {
                        resolve(res.data);
                    } else if (res.data.code === 401) {
                        reject(res.data.code);
                    } else {
                        uni.showToast({
                            title: res.data.msg,
                            icon: 'none'
                        });
                        reject(res.data.code);
                    }
                },
                fail: (err) => {
                    reject(err);
                }
            });
        });
        return promise;
    }
}

 

api.js

// 在这里面定义所有接口 
import { httpRequest } from './httpRequest';

// get请求--不带参数
function getApi(data) { 
    return httpRequest('/api', 'get', data)
}
// get请求--带参数
function getApi(data) {
    return httpRequest('/api/' + data, 'get', data)
}
// post请求--不带参数
function getApi(data) { 
    return httpRequest('/api', 'post', data)
}
// put请求--不带参数
function getApi(data) { 
    return httpRequest('/api', 'put', data)
}


export default {
     // 暴露接口   接口名
    getApi,
    ......
  }

 

标签:httpRequest,uniapp,封装,res,接口,js,api,return,data
From: https://www.cnblogs.com/ayuaichiyu/p/18039005

相关文章

  • 以解析csv数据为例,讨论string、char[]、stream 不同类型来源是否能进行高性能读取解析
    篇幅较长,所以首先列举结果,也就是我们的目的核心目的为探索特定场景对不同类型数据进行统一抽象,并达到足够高性能,也就是一份代码实现,对不同类型数据依然高性能以下为结果,也就是我们的目的:对1w行csv数据的string进行RFC4180csv标准进行解析,string类型csv应该比StringRea......
  • 深入理解 Java 修饰符与封装:访问权限、行为控制与数据隐藏
    Java修饰符Java修饰符用于控制类、属性、方法和构造函数的访问权限和行为。它们可以分为两组:访问修饰符:public:意味着代码对所有类可访问。private:意味着代码只能在声明的类内部访问。default:意味着代码只能在同一包中访问。protected:意味着代码在同一包和子......
  • Twitter推特 api接口 获取trending趋势搜索关键词 python数据采集
    iDataRiver平台https://www.idatariver.com/zh-cn/提供开箱即用的Twitter公开数据采集API,供用户按需调用。接口使用详情请参考Twitter接口文档接口列表1.获取X/Twitter用户发布的作品列表,支持翻页参数类型是否必填默认值示例值描述apikeystring是idr_***......
  • 【soap】idea生成WebServices接口
    目录1.创建接口2.生成wsdl文件3.在soapUI中,生成6个文件4.将生成的文件拷贝到工程中5.在service-config中注册服务1.创建接口新建一个webServices工程,按照接口规范生成接口、请求类、响应类。注意:(请求响应的实体中添加基本属性及get/set方法、满参构造、空参构造)//此接口与下方......
  • 设备管理器-网络适配器-Remote NDiS-based Internet Sharing Device(基于远程NDIS的互
    RemoteNDiS-basedInternetSharingDevice(基于远程NDIS的互联网共享设备)是一种网络接口遥控分享装置。这种设备允许通过USB连接将智能手机等设备连接到电脑,从而充当无线网卡的作用,使电脑能够连接到互联网。具体功能作用如下:充当无线网卡:当手机连接到互联网后,通过USB绑定,这个......
  • 【干货分享】uniapp做的App如何加固
    摘要本文介绍了在2023年,使用uniapp开发APP的盛行趋势,以及随之而来的加固需求。通过对uniapp制作的APP进行代码混淆、加固资源文件、防止调试和反调试、加密敏感数据以及防止篡改等多个方面的加固措施,来保障APP的安全性。引言在当下,uniapp开发APP的兴起让越来越多的开发者受益于......
  • PCB &电路&电路板的外设接口的一些猜测
    以下只是我的猜测,毕竟初入硬件,错误的话请见谅。1.PCB上的电路怎么形成:https://zhuanlan.zhihu.com/p/395279669:即,附膜--印刷电路--光感保护--蚀刻去铜--剩下的铜即为电路2.我在想:    以上是PCB的设计方式,那对应的UART硬件针脚是怎么和PCB一起用的?    CPU......
  • 集成电路封装形式
    封装是什么·指集成电路芯片或者其它电子元件安装到一个外部保护壳中,以提供机械支撑、环境保护、电气连接的过程·封装的主要目的是保护芯片免受外部环境损害,同时提供一个外部电路连接的接口GBA·球栅技术简称(GBA),是一种封装技术;应用在集成电路上的表面粘着技术;常用于永久......
  • 接口隔离原则(设计模式)
    定义“Clientsshouldnotbeforcedtodependuponinterfacesthattheydonotuse”个人认为接口隔离原则,和单一原则有点像。一个接口实现一个功能。 不过,你应该已经发现,接口隔离原则跟单一职责原则有点类似,不过稍微还是有点区别。单一职责原则针对的是模块、类、接口......
  • Java面向对象之接口和抽象类的区别一目了然
    介绍相信对于Java面向对象部分,很多人很长一段时间对于接口和抽象类的区别,使用场景都不是很熟悉,同是作为抽象层重要的对象,工作中到底什么情况下使用抽象类,不是很清楚。本文就一次性把这些概念一次性说清楚,不用再烦恼了,哈哈!核心概念接口与抽象类最明显的区别可能就是使用上的......