react-router - Githubissues

jYh1014 / jYh1014.github.io

1 stars 0 forks source link

react-router #6

Open jYh1014 opened 3 years ago

jYh1014 commented 3 years ago

1.比较hash模式和history模式

相同点

两种模式下 url变化都不会引起页面的重新刷新，也就是不会去重新请求服务器。
都适合单页应用

不同点

主要区别在当你重新刷新页面的时候，hash模式的请求地址只包括#之前的地址，所以即使路由没有匹配到组件，也不会出现404的现象；但是history模式的请求地址和浏览器url一致，如果服务器在这个路径下部署的没有资源，那将会出现404的情况。
实现原理不同，hash模式是根据监听hashChange事件来对url做检测从而匹配组件；而history模式是利用的window.history.pushState的h5的api来实现的；