欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

axios 发 get或post 请求,node.js后端接收不到参数问题

程序员文章站 2024-01-20 21:14:16
...

官方说明:

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

axios 发 get或post 请求,node.js后端接收不到参数问题

  • 在 axios 源码中发现下面这段内容:(很关键)

axios 发 get或post 请求,node.js后端接收不到参数问题

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

  1. 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;
        }
      })
  1. 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后端获取参数

  1. axios请求方式:
    注意: 请求的参数写法是{参数名:参数值} 即 {addressId: this.delAddressId}
axios.post("/users/deleteAddress", {addressId:this.delAddressId}).then((res) => {
          if (res.data.status == 0) {
            this.getAddressList();
            this.isMdShow = false;
          }
        })
  1. 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;
  })
相关标签: Vue-axios vue.js