封装uni.app vue3 ts 的网络请求

本文介绍了如何在uni.app中封装一个基于Vue3和TypeScript的网络请求。首先设置了请求的基地址,然后引入Base64库进行加密解密操作。接着定义了httpOptions接口,包括url、method和data等属性。定义了一个getToken函数用于获取和处理token。封装了一个名为request的Promise函数,用于处理uni.request,包括加载提示、错误处理和不同状态码的响应。最后,提供了上传图片和AI身份证的API地址,并导出了封装好的网络请求模块。
摘要由CSDN通过智能技术生成

//设置基地址

const baseURL = "https://meituan.thexxdd.cn/api";

import { Base64 } from "js-base64";

//Base64.encode(要加密的字符串);

//Base64.decode(要解密的字符串);

//定义ts接口

interface httpOptions {

  url: string;

  method: "GET" | "POST" | "PUT" | "DELETE";

  data?: any;

}

//处理token的函数

const getToken = () => {

  //读取token

  const token = uni.getStorageSync("wxuser").user_Token || "";

  //拼接冒号

  const strtoken = token + ":";

  //再加密

  const encodeToke = Base64.encode(strtoken);

  //再通过接拼"Basic "传递给后台

  return "Basic " + encodeToke;

};

//返回类型

//基于Promise封装uni.request

const request = (options: httpOptions): Promise<any&

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值