ReactJS-用axios替换获取API不起作用
我在ReactJS和FETCH api中有一段代码,它工作得非常好,但是当我尝试用AXIOS替换它时,它的功能并不完美,尽管我查看了文档 获取API的工作代码: 不使用相同的代码,但使用AXIOS库: 使用axios库编写上述代码后出现的错误是: 未处理的拒绝(TypeError):无法读取未定义的属性“error” axios的代码有什么问题 注: 显然我把范围缩小到了未定义的地方ReactJS-用axios替换获取API不起作用,reactjs,axios,fetch-api,Reactjs,Axios,Fetch Api,我在ReactJS和FETCH api中有一段代码,它工作得非常好,但是当我尝试用AXIOS替换它时,它的功能并不完美,尽管我查看了文档 获取API的工作代码: 不使用相同的代码,但使用AXIOS库: 使用axios库编写上述代码后出现的错误是: 未处理的拒绝(TypeError):无法读取未定义的属性“error” axios的代码有什么问题 注: 显然我把范围缩小到了未定义的地方 signup({name, email, password}) .then(data =
signup({name, email, password})
.then(data => {
if(data.error){
setValues({...values, error: data.error, success: false})
}
else{
setValues({...values, name: '', email: '', password: '', error:'', success:true})
}
})
}
在.then()块中,“data”是未定义的,我不知道为什么与fetch api一样工作良好 请参考以下Axios文档: 你缺少的是
.then(response => {
return response.data;
})
而不是:
.then(response => {
return response;
})
请参考以下Axios文档: 你缺少的是
.then(response => {
return response.data;
})
而不是:
.then(response => {
return response;
})
如果您添加:return response.data;而不是回应;如果您添加:return response.data;而不是回应;是的……我更新了问题,并在笔记中添加了最新的观察结果。后端得到完美的ping。如果我在一瞬间用fetch更改代码,那么代码工作得非常好;在返回响应数据之前;您会注意到某些内容已关闭。我将添加调试器并对其进行检查。当我将response.data与axios一起使用时,以及在使用调试器时,我将其视为未定义。不知道是什么原因导致了此情况。@arjunsah您在“网络”选项卡中看到了什么?你能看到你的请求被提出并且回答是正确的吗?回答包含什么?是的……我更新了问题,并在便条中添加了最新的观察结果。后端得到完美的ping。如果我在一瞬间用fetch更改代码,那么代码工作得非常好;在返回响应数据之前;您会注意到某些内容已关闭。我将添加调试器并对其进行检查。当我将response.data与axios一起使用时,以及在使用调试器时,我将其视为未定义。不知道是什么原因导致了此情况。@arjunsah您在“网络”选项卡中看到了什么?你能看到你的请求被提出并且回答是正确的吗?响应包含什么?