Blog

react-axios 的简单使用

2023-10-28 09:39AM

1. 安装：

如果你在React项目中安装 Axios，只需要下面一个命令就可以了：

$ npm install react-axios

如果你还没有安装所需要的依赖项，可以先安装所需要的依赖项：

$ npm install axios

$ npm install react

$ npm install prop-types

2. 引入 Axios，在 React 组件文件中，使用下面的语句引入 Axios

import axios from 'axios';

eg：你需要把示例中URL 替换为你实际的 API 端点 URL

1) 发起 GET 请求：

axios.get('https://api.example.com/data')
.then(response => {
// 处理请求成功的响应数据
console.log(response.data);
})
.catch(error => {
// 处理请求失败的错误
console.error(error);
});

2) 发起 POST 请求：

axios.post('https://api.example.com/data', { name: 'John', age: 25 })
.then(response => {
// 处理请求成功的响应数据
console.log(response.data);
})
.catch(error => {
// 处理请求失败的错误
console.error(error);
});

3) 发起 PUT 请求：

axios.put('https://api.example.com/data/1', { name: 'John Doe', age: 30 })
.then(response => {
// 处理请求成功的响应数据
console.log(response.data);
})
.catch(error => {
// 处理请求失败的错误
console.error(error);
});

4) 发起 DELETE 请求：

axios.delete('https://api.example.com/data/1')
.then(response => {
// 处理请求成功的响应数据
console.log(response.data);
})
.catch(error => {
// 处理请求失败的错误
console.error(error);
});

返回>>

请登录后再发表评论。

评论列表:

目前还没有人发表评论