React relative href не работает должным образом

Я очень новичок в приложении React. Создал одно приложение для реагирования с роутером и все. В режиме разработки все работает нормально. Я запустил npm run build и попытался запустить index.html из папки сборки. Все href сломались. Я знаю, что что-то напортачило с роутером. я не знаю, как это исправить. Здесь я размещаю свой код, который дает вам больше понимания /

NavBar.jsx

<NavItem eventKey = {3} href = "/login">
        Login
      </NavItem>

Примечание. NavBar.jsx не находится внутри маршрутизатора.

Package.json

"version": "0.1.0",
 "private": true,
"homepage": "./",

Когда я размещаю в локальном IIS, URL моей домашней страницы

http://localhost/testing/index.html#/

Когда я нажимаю кнопку входа в систему, я перехожу к

http://localhost/login

В package.json что-нибудь мне нужно изменить? Я прохожу через Google, кто-то посоветовал изменить тег привязки на тег ссылки маршрутизатора. Но в моем случае NavBar находится за пределами маршрутизатора, здесь я не могу изменить, а также многие места программно перенаправляются на новый URL-адрес, поэтому его очень сложно изменить во всех местах.