如何在nextjs中检测引用页面url-解网

问：

在一个页面中，我使用 .router.push('destination-url')

我需要检查用户是否从我已经将他们重定向到的页面点击回来。如果用户来自外部链接，则不得再次访问此页面（防止重复重定向到同一目的地）。

换句话说：只有当用户来自特定的内部页面时，我才需要将用户重定向到外部链接。

useEffect(() => {
  if (window) {
    if (router.isReady) {

      // --- HERE I NEED TO CHECK IF USER CLICKED BACK FROM THE EXTERNAL URL THAT I ALREADY REDIRECTED THEM TO ---

      getLinkAddress({id: router.query.id, price: router.query.price}).then((r1) => {
        if (r1.link_address) {
          setFound(true);
          router.push(r1.link_address).then();
        } else {
          setFound(false);

          setTimeout(() => {
            router.back();
          }, 3000);
        }
      });
    }
  }

  return () => { };
}, [router.query]);

javascript reactjs 重定向 next.js 浏览器历史

useEffect(() => {
  if (window && router.isReady) {

    const redirectedFlag = sessionStorage.getItem('redirectedFlag');

    if (!redirectedFlag) {

      getLinkAddress({ id: router.query.id, price: router.query.price }).then((r1) => {
        if (r1.link_address) {
          setFound(true);

          sessionStorage.setItem('redirectedFlag', 'true');

          router.push(r1.link_address).then();
        } else {
          setFound(false);

          setTimeout(() => {
            router.back();
          }, 3000);
        }
      });

    } else {
      console.log("User is coming back from the external link");
    }
  }

  return () => { };
}, [router.query]);

上一个：如何使用 react-router-dom 创建受保护的路由？

下一个：如何使用history.pushState更改所有url

如何在nextjs中检测引用页面url

How to detect referring page url in nextjs

评论