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);
  });
相关推荐
帽儿山的枪手8 小时前
追踪网络流量就这么简单 | 进阶篇 | conntrack
linux·windows·网络协议
yqcoder8 小时前
7. TCP 和 UDP 的区别
网络·网络协议·http
wanhengidc8 小时前
UDP服务器的优缺点都包含哪些?
服务器·网络协议·udp
小猫会后空翻10 小时前
HTTPS与DNS
网络协议·http·https
hrrrrb11 小时前
【TCP/IP】14. 远程登录协议
网络·网络协议·tcp/ip
小镇敲码人11 小时前
【实习篇】之Http头部字段之Disposition介绍
网络·网络协议·http
黎相思11 小时前
应用层协议HTTP
网络·网络协议·http
DoraBigHead13 小时前
第三章 · 数据链路层:打包大师,局域江湖
网络协议
啊森要自信14 小时前
【Linux 学习指南】网络基础概念(一):从协议到分层,看透计算机通信的底层逻辑
linux·运维·服务器·网络·网络协议·tcp/ip·ip
彬彬醤15 小时前
ChatGPT无法登陆?分步排查指南与解决方案
服务器·网络·数据库·网络协议·chatgpt