ant design pro v5 req.body获取数据为空的问题

问题描述

需要发送请求修改mock里面MaterialList的数据，在service的方法中可以打印出正确的需传递的参数，但是在mock里面使用 res.send(req.body) ，返回的却是{}

原代码

// @/services/ant-design-pro/api.js

export async function updateMaterialList(options){
  console.log(options)
  return request('/api/updateMaterialList',{
    method:'PUT',
    ...(options||{})
  })
}

// mock/material.js

export default {
  'PUT /api/updateMaterialList':(req,res)=>{
    res.send(req.body)
  }
}

解决

后来在网上找了一下，好像是因为传递的参数是json格式，如果用了express框架，可以通过安装body-parser中间件加以解决，参考这篇文章：nodejs中post请求方式，req.body接值为空如何解决

我对照着antd Pro源代码内的其他请求，对我的请求方法修改了一下

// @/services/ant-design-pro/api.js

export async function updateMaterialList(body,options){
  //这里body获取到的就是我需要传递的参数
  console.log(body)
  return request('/api/updateMaterialList',{
    method:'PUT',
    headers: {
      'Content-Type': 'application/json',
    },
    data: body,
    ...(options || {}),
  })
}

mock里面的代码没有变化，这时候res.send(req.body) 就可以正常返回数据了