打印控制台中访问的每个 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]);
}