页面跳转方法全解析

当不希望用户点「返回」回到当前页时（比如登录成功后跳首页、表单提交后跳结果页），用 window.location.replace() 替换当前历史记录项，而不是新增一条。

• 用户点浏览器后退按钮，会跳到上上个页面，而不是刚离开的这个
• 和 href 赋值一样支持各种路径格式，但不会在 history 中留下痕迹
• 常见误用：在表单 onsubmit 里先 replace() 再 return false，其实只要 replace() 执行了，页面立刻跳走，后续 return 已无意义

SPA 里别直接操作 location

如果你用的是 React、Vue 或其他单页应用框架，页面“跳转”实际是路由系统接管的内部状态变更。直接改 window.location.href 会导致整个应用重载，丢失当前组件状态、Redux store、已缓存的数据。

• React Router 用 useNavigate()（v6+）或 history.push()（v5）
• Vue Router 用 router.push()
• 强行绕过路由系统跳转，轻则白屏，重则触发重复初始化、接口重发、内存泄漏

真正难的不是怎么跳，而是分清当前是不是 SPA 环境——很多 bug 都源于在 Vue 项目里写了 window.location.href = "/user"，结果路由没注册，404 直接报给 Nginx。

到这里，我们也就讲完了《页面跳转方法全解析》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！