Reactjs axios没有';t将post数据发送到后端
我是一个新的反应者,我的问题是我要向我的节点后端发出post请求。使用react redux和axios。问题是我的后端甚至没有达到请求。在浏览器中的“网络”选项卡上不执行任何操作 我尝试了很多其他的答案,但都不起作用 此代码位于我的redux操作页面中 export const postNaminationPayments=函数 提名后付款(候选人付款){ } post数据如预期的那样来了。背面也可以使用postman正常工作。但它不起作用。 想不出解决办法。 我的代码有什么问题?Reactjs axios没有';t将post数据发送到后端,reactjs,react-redux,axios,Reactjs,React Redux,Axios,我是一个新的反应者,我的问题是我要向我的节点后端发出post请求。使用react redux和axios。问题是我的后端甚至没有达到请求。在浏览器中的“网络”选项卡上不执行任何操作 我尝试了很多其他的答案,但都不起作用 此代码位于我的redux操作页面中 export const postNaminationPayments=函数 提名后付款(候选人付款){ } post数据如预期的那样来了。背面也可以使用postman正常工作。但它不起作用。 想不出解决办法。 我的代码有什么问题? 提前感谢您
提前感谢您向axios post请求传递数据的方式不正确。你需要通过下面这样的考试 改变
axios(
`${API_BASE_URL}/nominations/payments`,
{
nominationPayments
},{headers: headers}
)
到
应该是
axios.post(
`${API_BASE_URL}/nominations/payments`, nominationPayments,
{headers: headers}).
也可以删除标题部分。默认值为
application/json
axios.get
和axios.post
采用不同类型的参数,可能很难记住
所以我通常只会坚持更详细的方式:
axios({
method: 'post',
url: `${API_BASE_URL}/nominations/payments`,
data: {
nominationPayments
},
headers
})
.then(response => {
// ...
})
.catch(error => {
// ...
})
您是否已检查您的MongoDB服务器是否已启动并正在运行
在我的例子中,我的React服务器正在运行,但是我的MongoDB服务器没有运行。我同时运行了这两个函数,并且能够将数据发布到后端。当我删除返回函数(dispatch){}部分时,它可以工作。为什么这样做呢?你如何调用这个函数呢?如果(activeStep==2){postNaminationPayments(this.state);使用,this.props.dispatch(postNaminationPayments(this.state))调用它;这就是问题所在。以前我不是这样打电话的。道具。现在起作用了。谢谢
axios.post(
`${API_BASE_URL}/nominations/payments`, nominationPayments,
{headers: headers}).
axios({
method: 'post',
url: `${API_BASE_URL}/nominations/payments`,
data: {
nominationPayments
},
headers
})
.then(response => {
// ...
})
.catch(error => {
// ...
})