主页

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);
  });

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论