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

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

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

Всего 1 ответ


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


function App() {

  const location = useLocation();

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

}

Есть идеи?

10000