如何修复Axios.get()请求出现的ERR BAD REQUEST错误？附代码及报错截图

• 检查请求URL格式
  确认URL无拼写错误，包含正确的协议（http/https）、路径，没有多余特殊字符。如果是动态拼接URL，需保证最终结果符合后端接口的路径规则。

• 规范请求参数传递
  Axios.get的参数需放在params配置项中，不要直接作为第二个参数传入或错误拼接。正确示例：

  axios.get('/api/feed', {
    params: {
      userId: 123
    }
  })
  

  同时核对参数名、类型是否和后端接口要求一致，参数缺失或不匹配常导致400错误。

• 验证请求头配置
  部分后端接口要求特定请求头（比如认证令牌、Content-Type），确认是否需要添加对应配置：

  axios.get('/api/feed', {
    headers: {
      'Authorization': 'Bearer ' + token,
      'Content-Type': 'application/json'
    }
  })
  

• 核对后端接口规则
  确认接口允许的请求方式为GET（避免用GET请求需POST的接口），同时查看接口文档，确认参数必填项、格式要求是否都满足。

• 利用开发者工具排查
  打开浏览器Network面板，查看请求详情：

  • 确认Request URL是否正确
  • 检查Query String Parameters中的参数是否正确传递
  • 查看Response的详细错误信息，后端通常会返回具体的错误原因（如“缺少必填参数”）

内容的提问来源于stack exchange，提问作者Manish Vishwakarma