共计 1536 个字符，预计需要花费 4 分钟才能阅读完成。
什么都不会就可以看
概念
前后端分离字面上解释就是前端和后端分开用：
- 什么是前端：即客户端，负责渲染页面的，简单来说就是页面。
- 什么是后端：就是服务器，负责收发 http 请求，和处理数据的。
他们之间是什么关系呢? 简单来说就是：你现在正在看我的文章对吧? 这个页面是靠前端技术来显示的，而上面的这些字和图片是存在服务器上的
什么是 http 请求和非前后端分离
我现在举个例子：你把你的钱存在银行里面，你去银行取钱是不是要告诉服务的人我可以取钱吗，这是我的卡号，这个问的过程就是 http 请求。
另一个例子：你现在访问 https://www.bilibili.com/ 这个网页，是不是要在浏览器上输入网址然后敲下回车才能访问，这个浏览器就是客户端，而在你桥下回车之后的一小段时间里，浏览器就给哔哩哔哩的服务器发请求，说我要看你们这个网页，你通过一下嘛，然后服务器就把网页和数据发给你看了
上述的流程就是下图这样：这个就是非前后端分离的应用
什么是前后端分离
前后端分离最主要是把服务器分成了两个 (前端服务器和后端服务器)，以前只有一个服务器用来装全部的东西 (页面和数据)，现在分成两个了，前端服务器装页面，后端服务器装数据
下面我给个架构细说：
再用上面的例子，我们要访问的页面长这个样：
现在走一下流程：浏览器访问 https://www.bilibili.com/ 这个网址，在敲下回车之后，浏览器向前端服务器发送 http 请求，和它说我想看这个页面你给我一下嘛，前端服务器收到以后说：可以啊，那我发给你。然后页面就发过来留在浏览器上了，但是这个时候页面上是什么都没有的，把页面想成一张白纸 (因为前端服务器不存数据)，接下来浏览器就自动读这个页面里的程序，然后总结了一下：啊，原来这个页面要这些数据啊，我现在去找后端服务器要。于是浏览器又向后端服务器说：我要 xxx 数据你给我发过来可以吗? 后端服务器收到了，然后给浏览器发了一个文件，里面放了这些数据。接下来就是最后一步了，浏览器把收到的数据发到对应的页面里，通过程序渲染了一下就变成上面那个样子了。
接下来我就只说影响较大的优缺点了
优点
最大的优点在于增加了扩展性，仔细想想如果是以前的设计方案，所有东西都往一个服务器上塞，然后哪一天老板告诉你我们这个网页不仅仅要给电脑上的人用，我们还要开发成小程序，让大家在手机上用，这个时候咋办嘛，前端后端都要改呗，但是前后端分离就不一样了，前端服务器只负责怎么显示和你用在哪里都没有关系，那么就只用改后端咯，工作量就少了，于是架构就变成了这样：
缺点
对 seo 的影响很大：seo 是搜索引擎优化，什么意思呢? 比如你要找哔哩哔哩这个网址但是你记不得网址咋办，肯定是在百度上搜一下嘛，然后是这种样子的：就是上面有很多网页吧，如果哔哩哔哩是你写的网站，你是不是更希望它更靠前一点，这样就可以有更多的人来看了，而 seo 就是对这个顺序的一种解决办法。它一般是靠网络爬虫来对网站进行一次访问 (就像我们上网一样)，然后获取网页里面的信息，最后根据这些信息里的字词给我们做推荐，那么问题来了，如果采用前后端分离，数据全部装在后端服务器里，那么爬虫再怎么 1 访问也就只是收到一堆程序而已，和数据不沾边，你的网页排名就会低，这么说明白吧
你的工作，由 AI 赋能！🔥
还在为文案、脚本卡壳、做视频、写代码、设计图片灵感枯竭而烦恼吗？🤯
板板 AI，你的工作好帮手！
一键生成 各种文案、脚本、图片、视频、代码、报告，轻松应对各种工作 / 营销需求！
现在注册体验，即可获得：
- 🎁 30 积分基础模型余额
- 🎁 3 积分高级模型余额
- 🎁 3 积分绘画余额
还不快来试试？
点击链接，开启你的 AI 创作之旅！>>>https://www.banbanai.cn
板板 AI，让你的工作效果发挥无限可能！ 🚀
