Axios使用方法,axios.get、axios.post、axios.put、axios.delete

axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。它支持请求和响应拦截、取消请求、自动转换 JSON 数据等功能,非常适合在现代 JavaScript 应用中进行网络请求。以下是对 axios 的详细讲解,包括安装、基本用法、高级功能等。

1. 安装

你可以通过 npm 或 yarn 来安装 axios

深色版本

复制代码
npm install axios

或者

深色版本

复制代码
yarn add axios

2. 基本用法

发送 GET 请求
复制代码
import axios from 'axios';

axios.get('/api/data')
  .then(response => {
    console.log(response.data); // 打印响应数据
  })
  .catch(error => {
    console.error('请求失败:', error);
  });
发送 POST 请求
复制代码
import axios from 'axios';

const data = {
  username: 'example',
  password: 'password123'
};

axios.post('/api/login', data)
  .then(response => {
    console.log(response.data); // 打印响应数据
  })
  .catch(error => {
    console.error('请求失败:', error);
  });
发送 PUT 请求
复制代码
import axios from 'axios';

const updatedData = {
  id: 1,
  name: 'Updated Name'
};

axios.put('/api/resource/1', updatedData)
  .then(response => {
    console.log(response.data); // 打印响应数据
  })
  .catch(error => {
    console.error('请求失败:', error);
  });
发送 DELETE 请求
复制代码
import axios from 'axios';

axios.delete('/api/resource/1')
  .then(response => {
    console.log('删除成功');
  })
  .catch(error => {
    console.error('删除失败:', error);
  });
相关推荐
海拥✘6 小时前
深入理解 IP 地址:概念、分类与日常应用
网络·网络协议·tcp/ip
Miracle&7 小时前
1.TCP/IP模型:各层协议(重点TCP/UDP)
网络协议·tcp/ip·udp
liulilittle8 小时前
IP校验和算法:从网络协议到SIMD深度优化
网络·c++·网络协议·tcp/ip·算法·ip·通信
7ACE8 小时前
Wireshark TS | 接收数据超出接收窗口
网络协议·tcp/ip·wireshark
googleccsdn9 小时前
ESNP LAB 笔记:配置MPLS(Part4)
网络·笔记·网络协议
LUCIAZZZ10 小时前
HTTPS优化简单总结
网络·网络协议·计算机网络·http·https·操作系统
名誉寒冰11 小时前
TCP 拥塞控制与四次挥手解析
网络·网络协议·tcp/ip
Fireplusplus11 小时前
TCP MSS
网络·网络协议·tcp/ip
希赛网11 小时前
华为认证HCIA备考知识点 :IP路由基础(含配置案例)
网络·网络协议·计算机网络·路由交换
青草地溪水旁12 小时前
http response的工作流程详细解析
网络协议·http·应答