如何在不使用控制器的情况下将数据从Spring Boot发送到React前端？

@RestController
@RequestMapping("/api/data")
public class DataController {
    @GetMapping
    public DataDTO getData() {
        // 从数据库或其他服务获取数据
        DataDTO data = new DataDTO();
        data.setId(1);
        data.setName("Example");

        return data;
    }
}

public class DataDTO {
    private int id;
    private String name;

    // getter和setter方法省略

    // 注意：必须提供默认的无参构造函数，否则JSON转换会失败
    public DataDTO() {
    }
}

import React, { useEffect, useState } from 'react';

function App() {
    const [data, setData] = useState(null);

    useEffect(() => {
        fetchData();
    }, []);

    const fetchData = () => {
        fetch('/api/data')
            .then(response => response.json())
            .then(data => setData(data))
            .catch(error => console.log(error));
    };

    return (
        <div>
            {data ? (
                <div>
                    <h1>Data Received:</h1>
                    <p>ID: {data.id}</p>
                    <p>Name: {data.name}</p>
                </div>
            ) : (
                <p>Loading data...</p>
            )}
        </div>
    );
}

export default App;