使用 axios 访问查询参数答案

【问题标题】：Access query parameters using axios使用 axios 访问查询参数
【发布时间】：2021-11-10 08:32:38
【问题描述】：

我在前端使用 React，在后端使用 Django，我目前正在使用 Axios 进行 API 集成。

所以在前端我调用这样的 URL

http://localhost:3000/attempt/?quiz_id=6

我想要 quiz_id = 6 以便之后可以使用它来访问后端中的数据。

如果有帮助，我正在使用函数式组件。

【问题讨论】：

【解决方案1】：

您可以在github查看axios的文档

如果你想做的是一个 GET 请求，这就足够了：

axios.get('http://localhost:3000/attempt/?quiz_id=6')
  .then((res) => {
    // handle success
    console.log(res);
  })

你也有这种用法：

axios.get('http://localhost:3000/attempt', {
  params: {
    quiz_id: 6
  }
}).then((res) => {
   // handle success
   console.log(res);
  });

【讨论】：

【解决方案2】：

你也可以用这个：

const data =  await axios.get('http://localhost:3000/attempt/?quiz_id=6').then(res => res.data);

【讨论】：

【解决方案3】：

您可以使用参数包含动态quiz_id。这样做的方法是使用您要更新并返回的参数的 id 发出 axios 请求：

您的代码将如下所示：

axios.get('http://localhost:3000/attempt/${quiz_id}', quiz_id);

【讨论】：