问题描述
需要发送请求修改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) 就可以正常返回数据了