时间戳

首页 > 解决方案 > 为什么反应 axios 调用返回空结果？

reactjs - 为什么反应 axios 调用返回空结果？

问题描述

我在 localhost:8080 的后端运行了一个 Spring Boot 应用程序。前端是 localhost:3000 上的 react 应用程序。我正在尝试从后端调用一个 url，但结果为空。为什么？

如果我直接在这样的浏览器中调用后端 url：

http://localhost:8080/约会

我看到数据正常（以视图模板的形式），如下所示： 在此处输入图像描述

但是当我像这样从我的反应应用程序中调用相同的 url 时：

    useEffect(() => {
    (
        async () => {
            const result = await axios("http://localhost:8080/appointments");
            console.log("result="+result);
            //setData(result.data);
        }
    )();
},

然后控制台显示并清空结果：

结果=[对象对象]

对不起，如果这是一个基本问题。我是新来的反应。

标签： reactjsaxios

解决方案

您忘记在 axios 中提及获取请求。

试试这个方法：

    useEffect(() => {
    (
        async () => {
            const result = await axios.get("http://localhost:8080/appointments");
            console.log("result =", result);
            //setData(result.data);
        }
    )();
},

此外，当您console.log("result="+result);将对象连接到字符串时，请改用console.log("result =", result);

推荐阅读