如何知道用户是通过URL还是通过浏览模块登录页面

Question

我有一个React SPA，如果用户可以使用导航和直接链接登录模块。我想知道用户是使用链接登录页面还是浏览层次结构以访问页面。有办法做到这一点吗？

到目前为止，我已经尝试过这个代码。

if(document.referrer.indexOf("yourdomain.com")==-1) {
console.log("first page")
}

但由于我有一个SPA，页面永远不会改变，它总是说第一页。

Answer 1

try:

document.write(document.referrer);

Answer 2

尝试这样做。这在主体上添加了点击侦听器。requestAnimationFrame()方法告诉浏览器您希望执行动画，并请求浏览器在下一次重新绘制之前调用指定的函数来更新动画。在回调函数中，我们检查URL中是否发生了更改，然后检查console.log()

let url = location.href;
document.body.addEventListener('click', ()=>{
requestAnimationFrame(()=>{
if(url!==location.href){
console.log(location.href)
url = location.href;
}
});
}, true);

你可以阅读更多

https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame