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

Question

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

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

Answer 1

在您的顶级应用程序组件中，您可以使用其中一个 react-routers 挂钩来执行此操作。

function App() {

  const location = useLocation();

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

}