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

Question

接手一个别人用React+Node+Express+Redux+Umi写的web应用。我是 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]);

}