一、axios介绍:
axios
是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。它提供了一种简单的方法来发送 HTTP 请求,并且具有很多实用的功能,使得网络请求变得更加方便和可靠。
以下是 axios
的一些主要特点和功能:
- 基于 Promise:
axios
的所有请求都返回一个 Promise 对象,这使得异步操作更加简单和直观。你可以使用.then()
和.catch()
方法来处理请求成功或失败的情况。 - 支持浏览器和 Node.js:无论你是在浏览器环境下还是 Node.js 环境下,都可以使用
axios
来发送 HTTP 请求。 - 支持请求和响应拦截:你可以使用拦截器在请求发送到服务器之前或响应返回到客户端之前对其进行修改或处理。
- 转换请求和响应数据:在请求发送到服务器之前或响应返回到客户端之前,你可以对请求或响应数据进行转换。
- 取消请求:使用
CancelToken
,你可以取消一个还在进行的 HTTP 请求。 - 自动转换 JSON 数据:当
axios
收到一个包含 JSON 数据的响应时,它会自动将 JSON 数据转换为 JavaScript 对象。 - 客户端支持防止 CSRF/XSRF:
axios
库默认支持 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
成功创建