21-前端与后端动静分离
前端 分离 21 动静
2023-06-13 09:12:26 时间
动静分离
特点
- 分布式, 因为将前端和后端分开了, 不再由后端返回页面, 可以减少服务器的压力
- 前后端解耦, 可以独立开发, 前后端并行
- 静态归于Nginx发布
- 接口服务化, 统一只提供数据
数据特点
- 静态数据
- css/js/html/images/audios/videos
- 动态数据
- 得到的数据可能会和上一次不一样
实现方式
CDN
很多的大型网站都是采用了CDN加速的, 当然CDN是花钱的~
Nginx
如果前端的访问压力不是很大的话, 可以直接将静态资源部署在Nginx上, 一般中小型公司都是这样部署的, 可以节省服务器成本, 因为静态资源的压力并不是很大, 一台Nginx完全扛得住, 只需要将接口服务部署为集群即可, 如果静态资源的压力在后续上升, 那么可以将静态资源抽离, 单独部署在一个Nginx集群中, 第一台Nginx只做路由转发即可
动静分离的问题
跨域问题
这个也是最常见的问题了,
- 可以通过Jsonp的方式解决, 但是现在用的很少了, 以前用的多
- Nginx方式配置解决, 在上面有'
- SpringBoot 配置解决, 可以百度一下, 很简单的
Nginx和SpringBoot的方式用的比较多
分布式会话
现在基本都是用Redis解决的分布式会话的问题
相关文章
- 前端写接口 请求后台数据 存vuex中 打印到控制台「建议收藏」
- 阿里前端高频面试题合集
- CSS 零基础到实战(05)布局、盒子模型、弹性盒子【前端就业课 第二阶段】
- 前端几个常见考察点整理
- 前端小白的几个坏习惯
- Servlet 接收前端 Json 数据的中文编码问题
- docker前端独立部署_前后端分离静态资源部署
- 前端三大框架之Vue-day03
- 用Echarts实现前端表格引用从属关系可视化
- 腾讯前端vue面试题合集2
- 前端常考vue面试题(必备)_2023-03-15
- 前端后端,前台后台名词解释!
- 浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点
- 前端如何主动连接Redis数据库(前端主动连接redis)