Распечатать каждый URL-адрес, посещенный в консоли

Question

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

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

Answer 1

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

function App() {

  const location = useLocation();

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

}