Как использовать прокси для ссылки с реагировать

Question

Я работаю над сайтом, использующим Reactjs и Typescript для внешнего интерфейса, а внутренний - на Java. В процессе разработки я использую порт 3000 для внешнего интерфейса и 8080 для внутреннего интерфейса. Я настроил свойство прокси в package.json

"proxy": "http://localhost:8080"

так что у меня нет проблем при выполнении запросов к бэкэнду, потому что прокси работает отлично.

Теперь мне нужно создать ссылку для загрузки отчетов, поэтому я динамически генерирую ссылки и мне нужно, чтобы они указывали на порт 8080 , а не на порт 3000

Я передаю URL как:

<a href={this.state.url}>Download Report</a>

где this.state.url выглядит как / reports / download / users и имеет смысл указывать на http://3000/reports/download/users

Любая идея, как создать ссылки в dev для указания на порт 8080.

Обновлено

Прокси работает с запросом, подобным приведенному ниже коду:

   fetch('./app/admin/reports/availableReports')
    .then(res => res.json())
    .then(json => json.reportTypes)
    .catch(ex => {
        console.log('Alert!!', ex)
        return []
    })

Но это не работает, когда я генерирую ссылку:

<a href={'app' + this.state.currentDownloadUrl}>Download Report</a>