使用流路由器检测是否通过浏览器后退按钮输入了路由

Posted 2021-05-07

我使用带有FlowRouter作为路由器的meteorjs创建了一个应用程序。

我有一个针保护屏幕，用户在尝试进入“受保护路线”时会被重定向到该屏幕。然后，这会要求一个引脚并将用户转发到“受保护路由”模板。

这一切都很好地向前移动，但是当用户点击后退按钮时，当然会显示引脚保护屏幕，并且需要再次单击后退按钮以返回到先前的状态。我需要在按下时跳过或忽略引脚保护屏幕。

我已经想到了几个解决方案但是在尝试实现它们时却没有达到目的。

可能的解决方案

1. 理想情况下，我希望“引脚保护”重定向加载而不会推送历史状态。这将意味着用户启动的屏幕会在单击后加载。
2. 如果这不起作用或不可行，我需要找到一种方法来确定用户在离开当前路线时是否点回了。

如果有其他人遇到类似的东西并有解决方案，我会非常感谢一些帮助。谢谢

答案

我遇到过类似的事情。

选项1：您可以创建一个pinEntered布尔变量，当用户成功输入引脚时，该变量将切换为true。然后在路由逻辑中检查这种真实性。如果var的计算结果为true，那么您可以添加一个条件，当按下后退按钮时它会完全跳过该页面。

• 在受保护页面的路由中有条件地设置此var
• 检查后退按钮事件的值