1学习使用axios

news/2024/4/28 16:12:52/文章来源:https://blog.csdn.net/weixin_74314406/article/details/137121357

一、axios介绍: 

axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。它提供了一种简单的方法来发送 HTTP 请求,并且具有很多实用的功能,使得网络请求变得更加方便和可靠。

以下是 axios 的一些主要特点和功能:

  1. 基于 Promiseaxios 的所有请求都返回一个 Promise 对象,这使得异步操作更加简单和直观。你可以使用 .then() 和 .catch() 方法来处理请求成功或失败的情况。
  2. 支持浏览器和 Node.js:无论你是在浏览器环境下还是 Node.js 环境下,都可以使用 axios 来发送 HTTP 请求。
  3. 支持请求和响应拦截:你可以使用拦截器在请求发送到服务器之前或响应返回到客户端之前对其进行修改或处理。
  4. 转换请求和响应数据:在请求发送到服务器之前或响应返回到客户端之前,你可以对请求或响应数据进行转换。
  5. 取消请求:使用 CancelToken,你可以取消一个还在进行的 HTTP 请求。
  6. 自动转换 JSON 数据:当 axios 收到一个包含 JSON 数据的响应时,它会自动将 JSON 数据转换为 JavaScript 对象。
  7. 客户端支持防止 CSRF/XSRFaxios 库默认支持 CSRF/XSRF 保护。

安装 axios 非常简单,你可以使用 npm 或 yarn 进行安装:

npm install axios
# 或者
yarn add axios

以下是一个简单的 axios 使用示例:

const axios = require('axios');
axios.get('https://api.example.com/data')
.then(function (response) {
// 处理响应数据
console.log(response.data);
})
.catch(function (error) {
// 处理错误
console.log(error);
});

总的来说,axios 是一个强大且灵活的 HTTP 客户端,提供了很多实用的功能,使得网络请求变得更加简单和可靠。

二、后端的简单搭建方式(铺垫知识):

在这里我用的vscode

1.首先我们在命令行中下载

安装Node.js: JSON Server 是一个基于 Node.js 的工具,所以首先需要确保你的计算机上已经安装了 Node.js。你可以从 Node.js 的官方网站 Node.js — Run JavaScript Everywhere 下载适合你操作系统的安装程序,并按照安装指南进行安装。

安装JSON Server: 安装完成 Node.js 后,你可以使用 npm (Node 包管理器) 来安装 JSON Server。打开命令行工具(如终端或命令提示符)并输入以下命令:

npm install -w json-server

创建JSON文件: 在你想要模拟的数据存储目录中创建一个 JSON 文件,比如 db.json。这个 JSON 文件将用来存储你模拟的 RESTful API 的数据。 

在vscode中创建一个db.json文件

[{"id": 1,"name": "Home","number": "555-1234"},{"id": 2,"name": "Office","number": "666-7890"}
]

接下来运行文件:

json-server db.json

成功创建

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_1026814.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python判断当前日期是全年哪一天

设计者:ISDF 版本:v3..0 日期:04/01/2019设计者:ISDF 版本:v4..0 日期:03/27/2024 import datetime#闰年判断函数 def ys_leep_year(year):ys_leep Falseif (year % 400 0) or ((year % 4 0) and (year …

【每日力扣】452. 用最少数量的箭引爆气球与763. 划分字母区间

🔥 个人主页: 黑洞晓威 😀你不必等到非常厉害,才敢开始,你需要开始,才会变的非常厉害。 452. 用最少数量的箭引爆气球 有一些球形气球贴在一堵用 XY 平面表示的墙面上。墙面上的气球记录在整数数组 points &#xff0…

SpringBoot学习之ElasticSearch下载安装和启动(Windows版)(三十)

本文先写windows下的下载安装和启动,后续有时间再补充其他环境下(Mac、Linux、Docker)的,这里我们后续对ElasticSearch简称为ES,读者习惯这一称呼就好。 一,ES下载 可以百度【ElasticSearch官网】或者直接点击这里的ES官网下载地址:​​​​​ Download Elasticsearch…

【 MyBatis 】| 关于多表联查返回 List 集合只查到一条的 BUG

目录 一. 🦁 写在前面二. 🦁 探索过程2.1 开端 —— 开始写 bug2.2 发展 —— bug 完成2.3 高潮 —— bug探究2.4 结局 —— 效果展示 三. 🦁 写在最后 一. 🦁 写在前面 今天又是 BUG 气满满的一天,一个 xxxMapper.xm…

聊聊低代码产品的应用场景

随着数字化转型的不断深入,企业对于快速开发和迭代软件应用的需求也越来越迫切。而在这样的背景下,低代码产品应运而生,成为了一种热门的技术解决方案。本文将解读低代码产品的定义并探讨其应用场景。 一、低代码产品的定义 低代码产品是一种…

恢复 Linux 上已删除的文件:extundelete 、PhotoRec (***)

为什么Linux的命令 rm 没有回收站呢?Trash-Cli:Linux 命令行回收站工具 (***) https://blog.csdn.net/ken2232/article/details/136981360 extundelete 直接 apt 安装,运行出现段错误,网络上给出的一种解决…

vscode添加gitee

1.创建仓库 2.Git 全局设置 3.初始化仓库 2.1 打开vscode打开需要上传到给git的代码文件 2.2.点击左边菜单第三个的源代码管理->初始化仓库 4.点击加号暂存所有更改 5.添加远程仓库 5.1 添加地址,回车 5.2 填写库名,回车 6.提交和推送 6.1 点击✔提交…

C++类的六个默认成员函数(详细解析与总结)

目录 前言: 一、构造函数 a.特点 b.注意事项 1.首先明确什么是默认构造函数 2.默认构造函数对内置类型与自定义类型的处理 c.总结 二、析构函数 a.特点 b.注意事项 1.什么时候写析构函数? 2.析构函数对内置类型与自定义类型的处理 c.总结 …

武汉星起航引领跨境电商新纪元,助力卖家扬帆远航全球市场

在全球化的商业浪潮中,跨境电商行业异军突起,成为连接全球市场的重要纽带。亚马逊,作为全球零售电商的巨擘,为无数卖家提供了走向国际市场的广阔舞台。在这片充满机遇与挑战的蓝海中,武汉星起航电子商务有限公司以其独…

R包安装失败怎么办?(一)msigdbr

R包安装失败 如果是网络原因(error connection),就使用本地安装的方法。如果是网络原因,通常会出现安装超时,或者网络无法连接的提示 当你把timeout 设置到1000之后还会报错,怎么办? options…

在 Linux 中安装 Jenkins【图文详细教程】

安装 Jenkins 的系统要求: 最少 256MB 可用内存最少 1GB 可用磁盘空间JDK 8 / 11 /17(Jenkins 是用 Java 写的,打包成 war 包) 查看 JDK 的版本 Java JDK 在 Linux 中的安装可以参考:https://www.yuque.com/u27599042/…

实物档案管理系统是做什么的

实物档案管理系统是用于管理和组织实物档案的信息系统。它的主要功能包括记录、查找、归档实物档案,以及提供相关的管理功能。 具体来说,玖拓智能实物档案管理系统可以帮助单位完成以下任务: 1. 档案登记与归档:将新收到的实物档案…

斯坦福大学研究团队革新电机技术,助力机器人性能飞跃提升

文 | BFT机器人 在科技日新月异的今天,我们期望机器能够胜任的任务愈发复杂且多变。无论是为失去肢体的人提供动力的假肢,还是那些独立在外部世界自由穿梭的机器人,它们都需要在多种场景下展现出卓越的行动能力。 然而传统的标准电动机&…

mac电脑下安装和启动nginx

一,安装homebrew 必须安装了homebrew,可在终端输入命令brew -v查看是否已经安装,没安装的话安装一下: 如果未安装先安装(网上很多文章) 二,查看nginx是否存在 使用命令:brew search nginx查看nginx是否存在: 不存在的话,就使用brew inst…

服务消费微服务

文章目录 1.示意图2.环境搭建1.创建会员消费微服务模块2.删除不必要的两个文件3.检查父子模块的pom.xml文件1.子模块2.父模块 4.pom.xml 添加依赖(刷新)5.application.yml 配置监听端口和服务名6.com/sun/springcloud/MemberConsumerApplication.java 创…

社交革命:Facebook如何塑造数字社交的未来

引言 在当今数字化时代,社交媒体已成为人们生活的核心,而Facebook作为其中的领军者,一直在塑造着数字社交的未来。本文将深入探讨Facebook在数字社交领域的地位、影响力以及对未来社交的塑造作用,为读者揭示这场社交革命如何由Fa…

【MySQL】聊聊自增id用完怎么办?

在实际的开发中,一般都会将数据存储到数据库中,在设计表的时候,其实id如果达到最大值的话,会出现什么问题。其实主要分两种情况,一种是设置了主键id,另一种没有设置主键id。 表定义自增值id create table…

【Java程序设计】【C00389】基于(JavaWeb)Springboot的校园疫情防控系统(有论文)

基于(JavaWeb)Springboot的校园疫情防控系统(有论文) 项目简介项目获取开发环境项目技术运行截图 博主介绍:java高级开发,从事互联网行业六年,已经做了六年的毕业设计程序开发,开发过…

​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结

接上次博客:Redis(四):持久化和事务:RDB(定期备份)【触发机制、流程说明、文件的处理、优缺点】、AOF(实时备份)【使用AOF、命令写入、文件同步、重写机制、启动时数据恢…

鸿蒙HarmonyOS应用开发之创建NDK工程

下面通过DevEco Studio的NDK工程模板,来演示如何创建一个NDK工程。 说明: 不同DevEco Studio版本的向导界面、模板默认参数等会有所不同,请根据实际工程需要,创建工程或修改工程参数。 通过如下两种方式,打开工程创建向…