reactjs - 打印控制台中访问的每个 URL
问题描述
我正在接管其他人用 React+Node+Express+Redux+Umi 编写的 Web 应用程序。我是 React+Redux+UMI 的新手。
它不是我们可以在网络浏览器中看到 URL 的网站。但我可以使用 Chrome 开发工具进行调试。我想在前端插入一些代码,以便每次在控制台中打印访问页面的 URL(重定向之前和重定向之后)。有谁知道我可以在哪里将代码插入到这个 React 应用程序中?
解决方案
在您的顶级应用程序组件中,您可以使用其中一个 react-routers 挂钩来执行此操作。
function App() {
const location = useLocation();
useEffect(() => {
console.log(`route change: ${location.pathname}`);
}, [location.pathname]);
}
推荐阅读
- vue.js - Vue $options.template 只工作一次
- python - 按列条件将数组与 numpy 中的大数组分开
- python-3.x - 在 tensorflow2 中使用自定义损失和自定义训练
- amazon-web-services - Ubuntu 18.04 上的 aws ec2 上的实例设置问题
- python - 将管道分隔的 csv 文件转换为 JSON 格式
- python - pandas - 按自定义顺序对列进行排序
- java - 从 SpringBoot JPA 存储库中的所有表中获取结果
- javascript - 在字符串上移动光标
- json - 使用 VBA 将 Outlook 邮件发送到 JIRA(作为问题)
- javascript - 如何打印 Vaadin Flow 对话框?