【JavaScript】axios

server/2025/2/13 2:49:56/
  • 基础使用
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.min.js"></script>
<script>javascript">axios.get('https://study.duyiedu.com/api/herolist').then(res=> {console.log(res.data)})
</script>
  • get - params

image.png

<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.min.js"></script>
<script>javascript">axios.get('https://study.duyiedu.com/api/herolist', {params: {// 这里配置的 query, axios 会自动配置为 url 编码// 可以帮助我们转义特殊字符 id: 'a&b=3' 如果手动写query 需要id: 'aaa'  // https://study.duyiedu.com/api/herolist?id=aaa}}).then(res=> {console.log(res.data)})
</script>
id: 'a&b=3'  // https://study.duyiedu.com/api/herolist?id=a%26b%3D3
  • post
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.5.0/axios.min.js"></script>
<script>axios.post('https://study.duyiedu.com/api/user/reg', {// {"loginId":"aaa","loginPwd":"123123","nickname":"棒棒鸡"} 自动转为 JSON 格式和对应的请求头loginId: 'aaa',loginPwd: '123123',nickname: '棒棒鸡'}).then(res => {console.log(res.data) // res.data 为响应体数据 axios 会自动解析为 JSON 格式})
</script>
  • 创建实例
const instance = axios.create({baseURL: 'https://study.duyiedu.com/api',timeout: 1000,
});

create 创建 axios 实例,预先配置某些配置项,减少重复代码。

  • 拦截器

【Ajax】axios 二次封装请求响应拦截器_ajax响应拦截器-CSDN博客


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

相关文章

SQL 语言数据操纵语言 DML

一、目的 SQL 语言的数据操纵功能通过 DML(数据维护语言)实现。DML 包括数据查 询和数据更新两种数据操纵语句。其中&#xff0c;数据查询指对数据库中的数据查询、统 计、分组、排序等操作&#xff1b;数据更新指数据的插入、更新和删除等数据维护操 作。 本次实验了解 D…

ubuntu常用方法

文本文件的创建&#xff1a; sudo touch ubuntu.txt move clock: sudo chmod 777 ubuntu.txt 安装chrome wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb sudo apt install ./google-chrome-stable_current_amd64.deb .sh 文件的安装 例…

PostgreSQL中的索引类型有哪些,以及何时应选择不同类型的索引?

文章目录 索引 解决方案和示例代码 PostgreSQL提供了多种索引类型&#xff0c;每种类型都有其特定的应用场景和优势。选择合适的索引类型可以显著提高查询性能&#xff0c;减少数据库负载。 索引 以下是PostgreSQL中常见的索引类型及其适用场景&#xff1a; 1. B-tree 索引 …

微前端概览与价值分析

微前端是一种架构风格&#xff0c;旨在通过将前端应用程序拆分为更小的、可独立开发和部署的微服务来解决单体前端应用程序的可维护性和可扩展性问题。微前端的核心思想是将前端应用程序视为由多个独立的部分组成的整体&#xff0c;每个部分都可以独立开发、部署和运行。 微前…

VHDL语言中的包集和原件

介绍 在学习这部分之前&#xff0c;我一直感觉VHDL语言特别没有层次&#xff0c;代码一坨一坨的&#xff0c;让人看着很不舒服。学习了包集和原件&#xff0c;感觉好太多了。 原件&#xff08;component&#xff09; 一个元件就是一段结构完整的代码&#xff08;包括库声明&a…

(一)JVM实战——jvm的组成部分详解

前言 本节内容是关于java虚拟机JVM组成部分的介绍&#xff0c;通过其组成架构图了解JVM的主要组成部分。 正文 ClassFile&#xff1a;字节码文件 - javac&#xff1a;javac前端编译器将源代码编译成符合jvm规范的.class文件&#xff0c;即字节码文件 - class文件的结构组成&a…

RHCE--shell小实验

一、判断当前磁盘剩余空间是否有20G&#xff0c;如果小于20G&#xff0c;则将报警邮件发送给管理员&#xff0c;每天检查-次磁盘剩余空间。 [rootserver ~]# yum install mailx -y 安装邮件服务 [rootserver ~]# vim /etc/mail.rc 编写脚本 [rootserver ~]# vim dis…

贪心算法在单位时间任务调度问题中的应用

贪心算法在单位时间任务调度问题中的应用 一、引言二、问题描述与算法设计三、算法证明四、算法实现与效率分析五、C语言实现示例六、结论 一、引言 单位时间任务调度问题是一类经典的优化问题&#xff0c;旨在分配任务到不同的时间槽中&#xff0c;使得某种性能指标达到最优。…