React router dom hijacking my image / pdf / api links

У меня есть приложение для реагирования, оно использует доменный маршрутизатор для реагирования. Я построил его и переместил, скажем, в http: //domain.tld/ сайт работает нормально. У меня две проблемы:

• если я захожу в приложение, а затем нажимаю на связанный PDF-файл (который является просто реальным файлом на моем сервере), response-router-dom каким-то образом захватывает его и показывает мне страницу 404, которую я настроил в реактивном маршрутизаторе
• то же самое происходит, если я пытаюсь получить доступ, например, http: //domain.tld/api/whatevs, он тоже не работает

в обоих случаях, если я очищаю кеш, я вижу свой pdf или json-результат моего api, тогда вводится js, и обновление дает мне мою страницу 404.

Как я могу предотвратить реакцию маршрутизатора на захват всего? У меня уже есть обязательная перезапись apache для перенаправления в случае, если файлы не существуют.

Обновлено: как указано в комментарии, вот как определяются мои маршруты:

<BrowserRouter>
  <div>
   <Menu />
   <Route path = "/" exact component = {Home}/>
   <Route path = "/pages/:page_name" component = {Page}/>
   <Footer />
  </div>
</BrowserRouter>

Я удалил некоторые маршруты, но структура осталась нетронутой.

РЕДАКТИРОВАТЬ2: из того, что я собрал, на самом деле сервис-воркер «захватывает» весь мой статический серверный маршрут, и это должно быть нормально, поэтому я просто отменю его регистрацию, но если я прав, я не могу этого сделать, если я не хочу мое приложение перезагружается по каждой ссылке, я все еще ищу способ сказать это: "пожалуйста, не трогайте / api / , /ресурсы/ и т. д."

РЕДАКТИРОВАТЬ3: и это может быть то, что мне нужно: Настройка сервис-воркера для исключения только определенных URL-адресов

Я попробую завтра, когда буду на работе