用户刷新我的网页时更改URL

Question

我正在使用Angular开发网站，当用户重新加载特定页面时遇到一些问题。为了解决这个问题，我想在每个用户刷新或加载我的网站时将其重定向到我的主页。

例如，我的主页托管在“ http://localhost:4200”上。当用户单击“轮廓”按钮时，它导航到“ http://localhost:4200/profile”（由于它是角度组件，因此不会重新加载）。我想要的是，此时，如果用户刷新页面，或在搜索栏中直接输入“ http://localhost:4200/profile”，它会将他重定向到我的主页“ http://localhost:4200”。因此，访问“ http://localhost:4200/profile”的唯一方法是单击我主页上的“个人资料”按钮。

为此，我正在使用Javascript文件。我尝试了很多事情，例如：

window.onbeforeunload = (function(){
        console.log("onbeforereaload")
        window.location.href = "http://localhost:4200/";
    })

已打印日志，但我的页面未重定向。我也尝试过“返回”。使用onload使我陷入循环。

有什么主意吗？

谢谢你，对不起我的英语！