JS 负责出数据和网址，浏览器负责出历史纪录栈。用户后退时，浏览器负责发广播通知（popstate），前端 Router 负责收听通知并用 Vue 组件秒切画面。 它们俩合起伙来，在单页面（index.html）里给网民演了一出“我真的在好几个网页之间前进后退”的绝妙大戏。

JavaScript通过HTML5的history.pushState()API可以安全地修改浏览器地址栏，但这并非突破安全限制。浏览器厂商为解决SPA应用的前进/后退功能问题，在严格同源策略下开放此功能：1)仅允许修改同源URL；2)只改变地址显示，不触发网络请求；3)必须监听popstate事件响应导航。这种机制确保了前端路由的安全性，本质仍是浏览器提供的受控Web API，而非JS突破了沙箱

本文解析了现代前端两大核心技术Pinia和Router的核心原理。Pinia相当于全局响应式变量存储，组件可直接访问共享数据，无需逐层传递，解决了传统Vue组件传参的痛点。Router通过HTML5 History API实现URL无刷新切换，实际上是前端"欺骗"浏览器的障眼法，需要后端配合重定向到index.html以防刷新404。这两项技术共同构成了现代前端应用的基础架构，