问题描述
我使用的是 Vue 2.x。
有一个帖子页面。当我单击帖子页面中的按钮时，我会转到编辑页面。当我点击编辑页面上的提交时，我使用了 this.$route.replace(link_to_post_page) 从历史堆栈中删除编辑页面，并推送帖子页面。
所以现在我的历史堆栈中有两条相同的路线（帖子页面）。
问题是，当我点击浏览器的后退按钮时，我转到了同一个页面，也就是帖子页面。对于用户来说，这是一个非常不自然的页面流，我想修复它。
我的第一次尝试是使用导航卫士。但是 Navigation Guards 只在路线改变时起作用。就我而言，路线不会改变。
我也尝试过使用 window.history.onPopState 事件侦听器，但也失败了，因为在使用 window.history.onPopState 时我无法操纵路由。
非常感谢您的帮助。谢谢。
附言 Stack Overflow 上最相似的问题是这个 vue-router: skip page when using browser back button 但它根本没有回答我的问题。我已经检查了其他问题，但他们也没有回答我的问题。
解决方法
为什么不回到历史而不是推动新的 /edit 路线？
| 步骤 | 路由堆栈 |
|---|---|
/post |
['post'] |
| -> 点击“编辑”按钮 | |
/edit |
['post','edit'] |
-> this.$router.back()
|
|
/post |
['post', |
这样做的缺点是用户仍然可以手动前进到/edit页面。
但如果他们转到另一个页面，它将覆盖接下来的步骤（堆栈中上面的 /edit 路由）