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.hqwc.cn/news/575749.html

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

相关文章

Machine Learning机器学习之统计分析

目录 前言 机器学习之统计分析 统计学的主要目标包括: 统计学核心概念: 统计基础: 训练误差: 常见的损失函数: 正则化和交叉验证 博主介绍:✌专注于前后端、机器学习、人工智能应用领域开发的优质创作者、秉…

如何制作蛋糕店小程序_开启您的蛋糕店小程序之旅

甜蜜滋味,一触即达——开启您的蛋糕店小程序之旅 在这个快节奏的时代,人们对美食的追求从未停歇。尤其是那些色香味俱佳、口感细腻的蛋糕,更是成为了许多人生活中的小确幸。然而,忙碌的工作和生活常常让我们无法亲自前往蛋糕店&a…

关于web_server项目的学习记录(自用)

主要参考资料: 我在地铁吃闸机 基础处理框架:Multi-reactor muduo库有三个核心组件实现持续监听reactor的fd:channel;epoll/poller/eventloop类 channel 事件监听器epoll_ctl监听到了fd发生了什么事件,channel类会封装每个fd和fd感兴趣的事…

C# OpenCv Haar、LBP 人脸检测

目录 效果 代码 下载 效果 代码 using OpenCvSharp;namespace OPenCVDemo {class Program{static void Main(string[] args){// Load the cascadesvar haarCascade new CascadeClassifier("haarcascade_frontalface_default.xml");var lbpCascade new Casca…

网络原理-传输层-UDP报文结构

本文介绍UDP报文 有很多友友搞不清楚UDP报文的详细结构还有TCP的详细结构,所以专门分开来讲 以免弄混. 首先我们先看一下整个UDP结构,让大家有一个全方面的认识 下面我们来详细解释UDP报 16位源端口号(本机):就是2字节大小,16个二进制位. 16位目的端口号(目的机):也是2字节…

Ubuntu18.04安装wireshark

安装wireshark 环境Ubuntu18.04 1.使用root用户进行安装 2.将 wireshark-dev/stable PPA 添加到系统的软件源列表中。系统就可以从该PPA获取Wireshark软件包及其更新了。 apt-add-repository ppa:wireshark-dev/stable3.确保你系统上的软件包信息是最新的,这样在…

百度智能小程序源码系统简洁版 SEO关键词排名推广优化 带完整的安装代码包以及搭建教程

移动互联网的快速发展,小程序以其轻量级、无需下载、即用即走的特点,迅速成为了各大平台争相推广的重要产品形态。百度智能小程序作为百度生态下的重要一环,凭借其强大的流量入口和丰富的功能组件,为开发者提供了广阔的创作空间。…

百度智能云千帆,产业创新新引擎

本文整理自 3 月 21 日百度副总裁谢广军的主题演讲《百度智能云千帆,产业创新新引擎》。 各位领导、来宾、媒体朋友们,大家上午好。很高兴今天在石景山首钢园,和大家一起沟通和探讨大模型的发展趋势,以及百度最近一段时间的思考和…

灵动翻译音频文件字幕提取及翻译;剪映视频添加字幕

参考:视频音频下载工具 https://tuberipper.com/21/save/mp3 1、灵动翻译音频文件字幕提取及翻译 灵动翻译可以直接chorme浏览器插件安装: 点击使用,可以上传音频文件 上传后自动翻译,然后点击译文即可翻译成中文,…

软件概要设计说明书word原件(实际项目)

一、 引言 (一) 编写目的 (二) 范围 (三) 文档约定 (四) 术语 二、 项目概要 (一) 建设背景 (二) 建设目标 (三&a…

Svg Flow Editor 原生svg流程图编辑器(四)

系列文章 Svg Flow Editor 原生svg流程图编辑器(一) Svg Flow Editor 原生svg流程图编辑器(二) Svg Flow Editor 原生svg流程图编辑器(三) Svg Flow Editor 原生svg流程图编辑器(四&#xf…

新版Idea2023.3.5与lombok冲突、@Data失效

新版idea和lombok冲突,加上Data,其他地方get set也不报错,但是一运行就找不到get set方法。 但是直接使用Getter和Setter可以访问、应该是Data失效了。 解决方法: 看推上介绍是 lombok 与 idea 采集 get 、set 方法的时候所用的技…