路由就是根据不同的 url 地址展示不同的内容或页面
后端路由
后端路由切换页面是跳转全局刷新页面(用户体验差),而且比如A页面的静态资源和B页面的静态资源会重复请求。
下面说下SSR 服务器渲染
网络爬虫在爬取资源时候会及时找到重要资源有利于SEO优化,但对服务器压力较大。因此一般首页服务器渲染,其他页面使用ajax(比如淘宝)
对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源
后端路由的优缺点
优势:服务器渲染有利于SEO优化
劣势:1、静态资源重复请求,对服务器压力较大
2、用户体验不好
前端路由
通过不同的路由 切换不同的页面
对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换
在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由
前端路由的主要模式是hash和history模式
比如
hash路由 -> #/ #/2.html history路由 / /2.html
说下单页面应用SPA(single page application)
它在加载页面时,不会加载整个页面,而是只更新某个指定的容器中内容
单页面应用核心:更新视图而不重新请求页面
vue的路由
Vue Router 是 Vue.js 官方的路由管理器
前端路由的优缺点
优势:1、单页面应用,用户所有的操作都在一个页面完成
2、用户体验好,共享资源只需要请求一次即可
劣势:对SEO不够友好