按接口文档的要求发各种请求(增删改查)并正确携带参数

119 阅读1分钟

根据接口文档的要求,使用 Axios 发送各种请求(增删改查)并正确携带参数。下面是一些示例代码,展示了如何使用 Axios 发送不同类型的请求并传递参数:

  1. GET 请求:
import axios from 'axios';

axios.get('/api/users', {
  params: {
    id: 1,
    name: 'John'
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在这个示例中,我们使用 get 方法发送了一个 GET 请求到 /api/users 路径,并通过 params 参数传递了查询参数。

  1. POST 请求:
import axios from 'axios';

axios.post('/api/users', {
  name: 'John',
  age: 25
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在这个示例中,我们使用 post 方法发送了一个 POST 请求到 /api/users 路径,并通过第二个参数传递了请求体数据。

  1. PUT 请求:
import axios from 'axios';

axios.put('/api/users/1', {
  name: 'John Doe',
  age: 26
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在这个示例中,我们使用 put 方法发送了一个 PUT 请求到 /api/users/1 路径,并通过第二个参数传递了要更新的数据。

  1. DELETE 请求:
import axios from 'axios';

axios.delete('/api/users/1')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在这个示例中,我们使用 delete 方法发送了一个 DELETE 请求到 /api/users/1 路径,删除了 ID 为 1 的用户。

以上示例演示了如何使用 Axios 发送各种请求并传递参数。根据接口文档的具体要求,可以适当调整代码以满足需求。确保根据接口文档中指定的参数格式和位置传递参数,并根据需要处理响应数据和错误。