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

Question

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

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

http://localhost:8080/appointments

我看到数据正常（以视图模板的形式），如下所示：

但是当我像这样从我的 react 应用调用相同的 url 时：

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

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

result=[object 对象]

抱歉，这是一个基本问题。我是新手。

Answer 1

你忘了在 axios 中提到 get 请求。

试试这个方法：

    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);