前端路由与后端路由

路由就是根据不同的 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不够友好

原文地址:https://www.cnblogs.com/theblogs/p/10452846.html