你可以用History API来实现。
根据您的描述，用户的历史记录如下：
/foo -> /bar -- remove item --> /bar#refreshed
现在您希望用户在单击“返回”按钮后返回到/foo，因此：
/foo <-- go back -- /bar#refreshed .
IMO的最佳解决方案是您不应该刷新/bar页面。而是 AJAX 更新包含数据的页面部分。如果地址栏需要更新，您可以使用

history.replaceState({}, '', '/bar#refreshed)

这样只会改变地址栏的内容，但不会触发真实的的页面导航/刷新，因此您的用户的历史记录变成了/foo -> /bar#refreshed，因为您已经用/bar#refreshed替换了/bar。当用户点击“返回”按钮时，他们只是回到/foo。
如果您不能只更新页面的一部分，而必须重新加载/bar页面，那么一个次优解决方案如下所示。
在刷新页面之前，您可以调用：

history.replaceState({}, '', '/foo')

这样用户的历史记录就变成了：

[before] /foo -> /bar -- remove item --> /bar#refreshed
                   |
                   | # /bar is replaced by /foo
                   V 
[after]  /foo -> /foo -- remove item --> /bar#refreshed

这样，当用户点击“返回”时，他们仍然会返回到/foo。虽然历史包含一个额外的/foo节点，但仍然可以完成任务。