我可以检测到用户何时通过直接链接或使用react-router进入我的网站吗？

问题描述

在我当前的项目中，我必须实现不同的站点行为，具体取决于它是直接链接访问还是通过React-Router从另一个站点页面重定向。

那么...有办法检测到这个事实吗？

解决方法

您可以使用document.referrer。如果用户直接（而不是通过链接）导航到页面，则该值为空字符串。这是一个使用React Hooks的示例。

useEffect(() => { 
  if (document.referrer === "") { 
     console.log("User came directly"); 
  } else { 
     console.log("User did not came directly"); 
  } 
})