【无标题】axios的ts封装,记录一下(Vue3项目)

server/2025/3/26 0:58:19/

request.ts:

// 参考:https://www.jb51.net/article/282238.htm
import axios from 'axios'const instance = axios.create({baseURL: 'https://api.apiopen.top/api'
})// 添加请求拦截器
instance.interceptors.request.use(function (config) {// 在发送请求之前做些什么return config;
}, function (error) {// 对请求错误做些什么return Promise.reject(error);
});// 添加响应拦截器
instance.interceptors.response.use(function (response) {// 对响应数据做点什么console.log('response', response)return response;
}, function (error) {// 服务器状态码不是200的情况// 对响应错误做点什么return Promise.reject(error);
});export default instance

http.ts

import {AxiosResponse} from 'axios'
import instance from './request'
import QS from 'qs'
// 后端传来的数据格式
type Data<T> = {code: number,message: string,result: T
}export function get<T>(url: string, params: object) {return instance.get<Data<T>, AxiosResponse<Data<T>>>(url, {params})
}export function post<T>(url: string, data: object) {return instance.post<Data<T>, AxiosResponse<Data<T>>>(url, QS.stringify(data))
}

http://www.ppmy.cn/server/728.html

相关文章

MAC M1版IDEA热部署JRebel

1、在idea里面安装jrebel插件 2、下载激活工具&#xff1a;ReverseProxy_darwin_amd64 下载地址&#xff08;Mac早期用户使用Safari下载&#xff0c;不要用Chrome&#xff0c;否则下载之后会把.dms后缀名去掉&#xff09; 特别注意&#xff1a;M1用户请使用下面的下载&#xff…

webuploader后端开发要点

百度fex团队的webuploader是一个很方便的web页面文件上传轮子&#xff0c;可以很方便地集成到前端html和js里&#xff0c;当然了&#xff0c;后端需要咱们自己开发实现。比较遗憾的是webuploader现在已经从百度的fex主页移除了&#xff0c;该项目可能已经不再维护了。 关于后端…

基于51单片机的自行车测速里程码表设计( proteus仿真+程序+设计报告+原理图+讲解视频)

基于51单片机的自行车测速里程码表设计 1. 主要功能&#xff1a;2. 讲解视频&#xff1a;3. 仿真设计4. 程序代码5. 设计报告6. 原理图7. 设计资料内容清单资料下载链接&#xff1a; 基于51单片机的自行车测速里程码表设计( proteus仿真程序设计报告原理图讲解视频&#xff09;…

微信小程序二维码

目录 前言小程序二维码不限制数量的小程序码微信小程序官方文档&#xff1a;获取不限制数量的小程序码小程序里面中接收不限制数量的小程序码传递的参数 普通链接二维码微信小程序官方文档&#xff1a;扫普通链接二维码打开小程序小程序里面中接收普通链接二维码传递的参数 前言…

springboot2集成东方通tongweb嵌入式版

由于最近项目需要国产化信创改造&#xff0c;引入东方通tongweb 联系东方通厂家 &#xff0c;将依赖导入到maven仓库&#xff0c;并获取嵌入式版license文件修改pom.xml&#xff0c;引入依赖&#xff0c;注意springboot版本&#xff0c;这里以springboot2举例 首先移除springb…

图与图搜索算法

图搜索算法是一个非常重要的概念&#xff0c;它是计算机科学中图论和算法设计的基础部分。在开始讨论图搜索算法之前&#xff0c;我们需要先理解什么是图以及图的基本结构。 什么是图&#xff1f; 图&#xff08;Graph&#xff09;是一种非线性数据结构&#xff0c;它由一组点…

基于XML配置bean(二)

文章目录 1.工厂中获取bean1.静态工厂1.MyStaticFactory.java2.beans.xml3.测试 2.实例工厂1.MyInstanceFactory.java2.beans.xml3.测试 3.FactoryBean&#xff08;重点&#xff09;1.MyFactoryBean.java2.beans.xml3.测试 2.bean配置信息重用继承抽象bean1.beans.xml2.测试 3.…

IO多路转接之epoll

目录 1. 简单认识下 epoll 相关接口 2. epoll 原理 2.1. 前置性认识 2.2. epoll 底层原理 2.2.1. 红黑树 2.2.2. 就绪队列 2.2.3. 回调机制 2.3. 红黑树和就绪队列 2.3.1. eventpoll 结构 2.3.2. epitem 结构 2.4. 总结 3. epoll 实例 3.1. epoll_event &&am…