axios传参问题（新）

关注

原创最新推荐文章于 2026-03-08 04:10:11 发布 268 阅读 AI 写同款· GEO 优化 ›

springboot+axios传参问题 res.data：获取后台响应的数据。前端传过去的参数名称一定要与后台接收的参数名称一致。后台代码跟第一种方式传参代码一致。在使用axios之前需要引入axios.js文件。访问之后你会发现报错400。value：参数名称要跟前端的传来参数名称一致。第一种方式：就是将后台接收参数方式使用。params：固定写死的否则参数无效。RequestParam注解接收参数。@RequestBody接收实体类。第二种方式：改变前端传参写法。阅读详情

1.post请求，payload要formdata格式

文档上面调试显示的格式：x-www-form-urlencoded
在这里插入图片描述
在文档上面发送请求，看到payload要formdata格式

解决：接口加上header

export const delImagePoll = (data) => {
  return request({
    url: "/tech_proposal/api/imagePoll/delete",
    data: data,
    headers: {//加上headers
      "Content-Type": "application/x-www-form-urlencoded",
    },
    method: "post",
  });
};

2. post 请求参数既有query又有body

在这里插入图片描述
在文档上面发送请求，看到payload的格式

params一般是接在url后面
所以：query参数接在url后面，strings 作为data

const handleImagePoll = (code) => {
   let strings = [code]
  imagePoll(galleryId.value, strings ).then(res => {
    getPicList()
    ElMessage({
      type: 'success',
      message: '添加图片成功',
    })
  })
}

//api.js
export const imagePoll = (galleryId, data) => {
  return request({
    url: "/tech_proposal/api/imagePoll?galleryId=" + galleryId,
    data: data,
    method: "post",
  });
};