工作复盘：关于axios使用GET请求后端使用body接收导致无法获取参数的问题

在最近的工作中，我们遇到了一个有关axios使用GET请求时后端无法获取参数的问题，经过调查和排查，我们成功解决了这个问题。以下是我们的工作复盘和解决方案：

  1. 问题描述：
    我们的前端项目中使用了axios库来发送HTTP请求，其中包括GET请求和POST请求。在一次需求中，我们需要使用GET请求发送一些参数给后端，但后端无法正确接收到这些参数。这导致了我们无法正常处理数据并产生了一些错误。
  2. 原因分析：
    我们首先查看了axios文档，并阅读了相关标准规范。我们发现，GET请求的参数应该通过URL的查询字符串来传递，而不是通过body来传递。然而，后端接口在设计时使用了body来接收参数。
  3. 解决方案：
    为了解决这个问题，我们采取了以下的解决方案：
  • 前端修改：
    我们对前端代码进行了修改，将GET请求的参数从body中移除，改为通过URL的查询字符串来传递。我们使用了axios提供的params参数来设置查询字符串参数。这样，后端就可以正确地接收到参数了。

例如，我们之前的代码可能是这样的：

axios.get('/api/data', {
  body: {
    param1: 'value1',
    param2: 'value2',
  }
})

我们修改后的代码是这样的：

axios.get('/api/data', {
  params: {
    param1: 'value1',
    param2: 'value2',
  }
})
  • 后端修改：
    我们与后端开发人员进行了沟通，解释了GET请求应该通过URL的查询字符串来传递参数的要求。后端修改了接口，将参数从body中移除，改为从查询字符串中获取参数。
  1. 测试验证：
    我们对修改后的代码进行了测试验证，确认参数能够正确地传递给后端，并且后端能够正确地接收到这些参数。

经过以上的工作，我们成功解决了axios使用GET请求后端无法获取参数的问题。这次经验教训提醒我们在使用axios发送请求时要遵循统一的标准规范，并与后端开发人员进行及时的沟通和协调，以确保参数能够正常传递和接收。这也是我们团队在今后开发中需要注意的一个重要点。