1学习使用axios

一、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.mzph.cn/news/777963.shtml

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

相关文章

【笔记】RDD算子操作(Spark基础知识)

持续更新中!!! 目录 一、RDD的创建 1.从本地创建 (1)本地文件 (2)hdfs文件(先提前创建目录并上传文件) 2.从集合创建(通过并行集合(列表&am…

学点Java_Day12_JDBC

1 JDBC 面向接口编程 在JDBC里面Java这个公司只是提供了一套接口Connection、Statement、ResultSet,每个数据库厂商实现了这套接口,例如MySql公司实现了:MySql驱动程序里面实现了这套接口,Java程序员只要调用实现了这些方法就可以…

如何调试Clang源码

下载编译Clang 这个就直接去LLVM官网下载,然后编译好Clang就行,注意得debug模式,保存符号信息。 调试Clang 可以直接通过命令行来调试 #进入调试环境,这里的clang得是刚刚编译好的 lldb ./clang # r是运行,后面是正…

电脑关机速度很慢怎么解决?

给电脑关机,总是要很久才完全关闭。这是因为计算机运行了太长时间,并且打开的程序太多,则关闭时间超过十秒钟,这是正常的现象。还有就是计算机升级或补丁程序更新也将导致计算机缓慢关闭。此时,建议耐心等待关闭完成。…

【C++】STL中sort算法使用了什么排序算法?

参考:https://blog.csdn.net/u011386173/article/details/110394829 STL所提供的各式各样的算法中,sort()是最复杂庞大的一个。这个算法接受两个RandomAccessIterators(随机存取迭代器),然后将区间内的所有元素以渐增方式由小到大重新排列。第二个版本则允许用户指定…

Dubbo的服务注册与发现原理、Java如何实现Dubbo的服务注册与发现

1、Dubbo的服务注册与发现原理 Dubbo的服务注册与发现原理主要基于Zookeeper实现。 1、服务提供者在启动时,会将自己的服务地址和相关信息注册到Zookeeper中的指定节点。注册的信息包括服务名称、服务地址、服务版本号等。 2、服务消费者在启动时,会连…

【GitLab】Ubuntu使用宝塔安装GitLab最新社区版

首先在Ubuntu安装宝塔面板 在官网可以找到脚本一键安装 安装GitLab社区版 然后在宝塔面板的“软件商店”里面找到GitLab最新社区版 12.8.1一键安装 安装过程中可能出现以下问题: 1.卡在ruby_block[wait for logrotate service socket] action run 解决办法&…

离心式风机运行效率测算

1.总压静压动压; 2.动压0.5空气体密度风速2; 风机所需功率P(KW):PQp/(36001000η0η1) Q—风量,m3/h; p—风机的全风压,Pa; η0—风机的内效率&a…

iOS library not found for -lMBProgressHUD

0x00 前因 一开始是使用 CocoaPods 管理 MBProgressHUD,后来直接导入 MBProgressHUD 源码,就出现了这个错误:library not found for -lMBProgressHUD 0x01 后果 在 Xcode 工程目录中找到文件夹:Frameworks 看看里面是否有个红色…

计算机网络-RIP动态路由协议简介

一、概述 前面我们学习了动态路由协议按照工作机制及算法划分可以分为:距离矢量路由协议DV型和链路状态路由协议LS型。RIP就是典型的距离矢量路由协议,但是实际工作中用得已经比较少了。 距离矢量路由协议DV: RIP 链路状态路由协议LS: OSPF IS-IS 二、RI…

提升 Vim 技能的四种方法

如果您经常使用安全shell: $ ssh userhostname.provider.com 并使用虚拟专用服务器 (VPS) 或本地虚拟化容器,就此而言,您可以从强大的 Vim 技能中受益匪浅。 一、将 Vim 设置为默认文本编辑器 1、将 Vim 设置为 Bash 中的默认值 Bash 通…

深入Spark与LDA:大规模文本主题分析实战

使用LDA模型和Spark进行文本主题分析 本篇博客介绍了如何使用LDA(潜在狄利克雷分配)模型和Spark进行文本主题分析。我们的目标是从大量的用户评论中提取出主题。 1. 环境设置 首先,我们需要导入所需的库,包括jieba(…

Java八股文(JVM)

Java八股文のJVM JVM JVM 什么是Java虚拟机(JVM)? Java虚拟机是一个运行Java字节码的虚拟机。 它负责将Java程序翻译成机器代码并执行。 JVM的主要组成部分是什么? JVM包括以下组件: ● 类加载器(ClassLoa…

当当狸智能激光雕刻机 多种材质自由雕刻,轻松打造独一无二的作品

提及“激光雕刻”,大多数人的印象一般都是:笨重巨大、价格昂贵、操作复杂、使用门槛较高、调试难度大...不是普通人能够随意操作的,让人望尘莫及。 而小米有品上新的这台「当当狸桌面智能激光雕刻机L1」,将超乎你的想象&#xff…

JimuReport积木报表 v1.7.4 公测版本发布,免费的JAVA报表工具

项目介绍 一款免费的数据可视化报表,含报表和大屏设计,像搭建积木一样在线设计报表!功能涵盖,数据报表、打印设计、图表报表、大屏设计等! Web 版报表设计器,类似于excel操作风格,通过拖拽完成报…

【C语言基础】:数据在内存中的存储

文章目录 一、整数在内存中的存储二、大小端字节序和字节序判断1. 为什么有大小端?2. 练习 三、浮点数在内存中的存储1. 浮点数的存储1.1 浮点数的存储过程1.2 浮点数取的过程 四、题目解析 书山有路勤为径,学海无涯苦作舟。 创作不易,宝子们…

google浏览器下载文件提示无法安全地下载怎么解决?

在使用google浏览器下载文件的时候,弹出了“无法安全下载”的提示,搞了文件都下载不下来,网上查了一下,是因为chrome认为使用非https链接下载文件是不安全的,在新版本中阻止了用户下载。 目录 1、打开google浏览器的设置

轻量级检测模型效果一定差?基于轻量级目标检测模型构建布匹瑕疵检测模型,对比分析不同分辨率图像尺度对模型效果的影响

瑕疵类的检测模型如:工业部件瑕疵、瓷砖瑕疵、PCB瑕疵、布匹瑕疵等等,在我们之前的博文中已经有过很多相关的开发实践了,这里就不再一一列举了,感兴趣的话可以直接搜索关键字信息博文内容即可一键直达。 因为本文的实验对象选择的…

structured bindings is supported from c++17

结构化绑定可以绑定结构体、数组和 tuple-like 对象。 完整示例&#xff1a; #include <iostream> #include <format> #include <iomanip>void test_00(){struct Box{int width_;int height_;std::string name_;};Box box{3,4,"amazing"};auto [w…

IT服务营销管理案例分析题

习题一 企业随着业务的蓬勃发展&#xff0c;所投入的基础设施资源不断增加。企业员工数倍数增长&#xff0c;办公场地、办公环境等要求也越来越高。 可是该企业的IT部门人员短缺&#xff0c;对IT管理还处于被动的“救火”阶段&#xff0c;每天至少15个突发故障&#xff0c;故障…