Как подключить собственное приложение React к API отдыха с помощью функции fetch, когда URL-адрес API отдыха http://localhost:8080/

Question

Мне нужно связать свой проект Rest API, который был создан с помощью Eclipse, с проектом React, который был создан с помощью WebStorm.URL моего Rest API: http://localhost:8080/TrnReserve/rest/trains. Когда я запускаю это, я вижу только пустую веб-страницу.Когда я использую URL-адрес, такой как https://jsonplaceholder.typicode.com/users,, он отлично работает и отображает извлеченные данные.

Я попытался заменить localhost на IP4-адрес системы и многих других решений, таких как прокси.Никто не работает с этим.Может ли кто-нибудь помочь мне с этим?

constructor(props) {
    super(props);

    this.state = { data: [] };

}

componentDidMount() {
    fetch(`http://localhost:8080/TrnReserve/rest/trains`)
        .then(res => res.json())
        .then(json => this.setState({ data: json }));
}


render() {

    return (
        <div>
            <ul>
                {this.state.data.map(trains => (
                    <li>
                        {trains.trainNo}: {trains.trainName}
                    </li>
                ))}
            </ul>
        </div>
    );