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

【问题标题】：Print every URL visited in the console打印控制台中访问的每个 URL
【发布时间】：2020-02-11 20:49:22
【问题描述】：

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

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

【问题讨论】：

它有什么样的路由器？是react-router吗？
你说它不是可以看到网址的网站是什么意思？
这是一个宽泛的问题。但我想你可以把它贴在页面加载时被调用的任何地方。
是的，是react-router。
它是一个用 Web 技术编写的 JavaScript Excel 插件。但是当我们运行它时，我们看不到 URL。

标签： reactjs redux react-redux umijs

【解决方案1】：

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


function App() {

  const location = useLocation();

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

}

【讨论】：