Vue hash路由 与 history路由的原理及区别

hash路由 与 history路由的区别

原因:SPA 单页面应用一大特点就是前端路由,由前端直接控制路由跳转逻辑,而不再由后端人员控制,从而给了前端更多的自由。
1、hash路由地址栏上有 # ,而histoy路由没有
2、hash路由兼容性好点,history路由是在html5之后推出的
3、hash路由原理,当hash值发生改变时,并不会向服务器发送请求而是会触发onhashchange事件,从而根据hash值来修改页面内容。
4、history路由原理,则是利用window.history相关api实现路由跳转,从而改变页面内容。由于通过history的api进行路由跳转,并不会向服务器发起请求,从而也达到了前端路由的目的。
5、history需要后端配合,否则页面刷新,或者根据路径访问会报404错误,因为打包后的文件,一般只有一个index.html文件和一些打包后的js文件以及文件夹,所以需要后端重新定向到首页,进如项目后,再进行路由配置。

猜你喜欢

转载自blog.csdn.net/qq_37489791/article/details/130519653