axios restful 传参

前言

在前端开发中，我们经常需要使用到 RESTful API 进行数据交互。而 axios 是一个非常流行的 HTTP 客户端库，它可以帮助我们方便地发送 HTTP 请求。本文将介绍如何使用 axios 发送 RESTful 请求时传递参数的方法。

GET 请求传参

GET 请求是最常见的一种请求方式，它通常用于获取数据。在 RESTful API 中，我们可以通过 URL 的查询参数来传递参数。例如，我们要获取 ID 为 1 的用户信息，可以发送如下请求：

GET /users?id=1

使用 axios 发送 GET 请求时，我们可以通过 params 参数来传递查询参数。例如：

axios.get('/users', {
  params: {
    id: 1
  }
})

上述代码会发送一个 GET 请求到 /users，并带上查询参数 id=1。

POST 请求传参

POST 请求通常用于创建或更新资源。在 RESTful API 中，我们可以通过请求体来传递参数。例如，我们要创建一个新用户，可以发送如下请求：

POST /users
Content-Type: application/json

{
  "name": "John",
  "age": 25
}

使用 axios 发送 POST 请求时，我们可以通过 data 参数来传递请求体。例如：

axios.post('/users', {
  name: 'John',
  age: 25
})

上述代码会发送一个 POST 请求到 /users，并带上请求体 { "name": "John", "age": 25 }。

PUT 请求传参

PUT 请求通常用于更新资源。在 RESTful API 中，我们也可以通过请求体来传递参数。例如，我们要更新 ID 为 1 的用户信息，可以发送如下请求：

PUT /users/1
Content-Type: application/json

{
  "name": "John",
  "age": 26
}

使用 axios 发送 PUT 请求时，我们可以通过 data 参数来传递请求体。例如：

axios.put('/users/1', {
  name: 'John',
  age: 26
})

上述代码会发送一个 PUT 请求到 /users/1，并带上请求体 { "name": "John", "age": 26 }。

DELETE 请求传参

DELETE 请求通常用于删除资源。在 RESTful API 中，我们可以通过 URL 的路径参数来传递参数。例如，我们要删除 ID 为 1 的用户信息，可以发送如下请求：

DELETE /users/1

使用 axios 发送 DELETE 请求时，我们可以通过 params 参数来传递路径参数。例如：

axios.delete('/users/1', {
  params: {
    id: 1
  }
})

上述代码会发送一个 DELETE 请求到 /users/1，并带上路径参数 id=1。

总结

本文介绍了如何使用 axios 发送 RESTful 请求时传递参数的方法。无论是 GET、POST、PUT 还是 DELETE 请求，我们都可以通过不同的方式来传递参数。希望本文对你有所帮助。