next.js 动态后退按钮与下一个/路线,返回用户只有我的网站,没有其他基于他如何进入页面

lsmepo6l  于 2023-03-12  发布在  其他
关注(0)|答案(1)|浏览(113)

使用NextJS,我面临着路由器X1 M0 N1 X功能的问题。

**问题是:**如果用户进入一个带有url的页面,然后点击后退按钮,那么他将被放回预览页面。所以如果我在,例如,youtube.com比在url中输入我的网站地址,然后在里面我点击后退-我将被放回youutbe.com。
**我需要什么:**如果用户从其他网站进入页面-后退按钮应该重定向到主页/。但如果他进入页面,而在我的网页(例如在主页点击/posts),那么他应该重定向回预览页面,他是。

我尝试使用document.referrer,但它总是空的...

zazmityj

zazmityj1#

您可以在getServerSideProps或任何其他数据获取方法的上下文中找到Referer(即以前的URL
作为

context.req.headers.referer

代码示例

export async function getServerSideProps(context) {
  console.log(context.req.headers.referer)
}

然后,您可以使用条件逻辑(例如.startsWith())来确定要将用户发送到何处,这可能是通过使用useEffect()在第一次呈现时设置状态来实现的。

相关问题