SPA单页面应用router实现

Posted juery

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SPA单页面应用router实现相关的知识,希望对你有一定的参考价值。

spa 单页面router 主要可以基于两种方式实现:修改哈希和直接修改url

1.根据在使用location 修改哈希的时候,页面不会刷新(angular1.x 路由采用)

2.根据h5 pushState 和replaceState 修改url 时,页面不会刷新(react-router、vue-router)

pushState/replaceState 执行时,url 会发生变化,但是浏览器并不会刷新,只有当前进或者后退触发时,页面才会刷新
pushState/replaceState 带的url 必须同源,否则会报错(防止恶意的脚本模仿)

以上是关于SPA单页面应用router实现的主要内容,如果未能解决你的问题,请参考以下文章

PushState+Ajax实现简单的单页面应用SPA

vue-router的简单介绍及应用

单页面应用

Symfony 4如何使用React设置SPA(单页面应用程序)?

单页面应用路由的实现方式

vue-router实现原理