Напечатайте каждый URL, посещенный в консоли

Question

Я беру на себя веб-приложение, написанное кем-то другим в React + Node + Express + Redux + Umi. Я новичок в React + Redux + UMI.

Это не тот веб-сайт, на котором мы могли бы видеть URL в веб-браузере. Но я могу использовать Chrome Dev Tools для отладки. Я хочу вставить некоторый код во внешний интерфейс, чтобы каждый раз URL (до перенаправления и после перенаправления) посещенных страниц печатался в консоли. Кто-нибудь знает, где я мог бы вставить код в это приложение React?

Answer 1

В компоненте приложения верхнего уровня вы можете использовать для этого одну из ловушек реагирующих маршрутизаторов.

function App() {

  const location = useLocation();

  useEffect(() => {
      console.log(`route change: ${location.pathname}`);
  }, [location.pathname]);

}