axios 发 get或post 请求，node.js后端接收不到参数问题_前端发送网络请求nodejs接收不到-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43286092/article/details/106711561

本文探讨了使用axios在Vue.js应用中发送GET和POST请求时，如何正确传递参数，以及Node.js后端如何正确接收这些参数。官方说明指出axios会自动处理数据转换。对于GET请求，参数应放在`params`对象中，后端通过`req.param`获取；对于POST请求，参数直接作为对象，后端则通过`req.body.paramName`来获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

官方说明：

axios会帮我们转换请求数据和响应数据以及自动转换 JSON 数据

在这里插入图片描述

在 axios 源码中发现下面这段内容：（很关键）

在这里插入图片描述

Get方式正确传参，node.js后端获取参数

axios请求方式：
注意： 请求的参数写法是 { params: {orderId: this.orderId }}

      axios.get("/users/orderDetail", {params:{
        orderId: this.orderId
      }}).then((res)=>{
        if(res.data.status=='0'){
          this.orderTotal = res.data.result.orderTotal;
        }
      })

node.js后端获取参数方式：
切记： 接收get参数用的是req.param，不带s

router.get("/orderDetail",function (req,res,next) {
  let userId = req.cookies.userId;
  let orderId = req.param("orderId");//切记取得get传递的参数使用param，而不是params
  console.log(orderId);
  })

Post方式正确传参，node.js后端获取参数

axios请求方式：
注意： 请求的参数写法是{参数名：参数值} 即 {addressId: this.delAddressId}

axios.post("/users/deleteAddress", {addressId:this.delAddressId}).then((res) => {
          if (res.data.status == 0) {
            this.getAddressList();
            this.isMdShow = false;
          }
        })

node.js后端获取参数方式：
切记： 接收post参数用的是req.body.paramName

router.post("/payOrderForm",function (req,res,next) {
  let userId = req.cookies.userId;
  let addressId = req.body.addressId;
  let orderTotal = req.body.orderTotal;
  })