打印在控制台中访问的每个URL

Question

我要接管其他人在React + Node + Express + Redux + Umi中编写的Web应用程序。我是React + Redux + UMI的新手。

这不是我们可以在网络浏览器中看到网址的网站。但是我可以使用Chrome Dev Tools进行调试。我想在前端插入一些代码，以便每次在控制台中打印访问页面的URL（重定向之前和重定向之后）时。有人知道我可以在哪里将代码插入此React应用程序吗？

Answer 1

在顶级应用程序组件中，您可以使用react-router钩子之一来执行此操作。

function App() {

  const location = useLocation();

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

}