Относительный путь добавляется в запрос на выборку

Question

Я создаю приложение реакции, используя create-react-app и react-router-dom 4.Моя проблема в том, что когда я загружаю URL-адрес, отличный от «/» по умолчанию, относительный путь добавляется к выполняемым запросам.

Например, если я введу mysite.com/templates в строку поиска URL, мой запрос на выборку fetch("templates/item.json") запросит URL: mysite.com/templates/templates/item.json, но если я перейду с домашней страницы на /templates с помощью компонента Linkот реакции-маршрутизатора-дом это не так.

Есть ли способ избежать добавления относительного пути к запросу на выборку?

Answer 1

fetch загрузит путь относительно URL-адреса, который вы открыли, если вы не начинаете с / или не указали абсолютный URL-адрес.

Если заказ для извлечения всегда начинается с https://www.yourdomain.com/templates/item.json, вам следует изменить запрос на получение -> fetch("/templates/item.json")

или

указать абсолютный URL -> fetch("https://www.yourdomain.com/templates/item.json")