javascript - 使用history.goBack()时，如何保证只返回app内的页面？

Question

在 Reactjs 中，我正在编写一个函数组件，其中包含一个如下所示的按钮:

<button onClick = {() =>history.goBack()}>
  Go Back
</button>

我需要确保当点击按钮时，只有当上一页在应用内时才返回，我该如何实现？

非常感谢您的帮助!

Answer 1

document.referrer 返回用户上次访问的页面的 URL(除非您的页面是直接使用 URL 栏访问的)

一个使用这个的例子:

function goBack() {
    if(document.referrer.includes(window.location.host)){
        window.history.back();
    }
}

includes 函数只是根据一个字符串是否包含另一个字符串返回一个 bool 值。

window.location.host 是页面的当前主机名和任何关联的端口。