在这里给大家需要介绍一下两种部署方案 ：
* 前后端不分离 (前后端耦合)
* 前后端分离
假设我们的前端项目和后端项目已经开发完成了 ， 前端是在我们自己的本地服务器开发的 ， 后端也会在自己的服务器上开发完成 ， 每开发到一个大阶段 ， 或者是开发到最后 ， 我们都需要将项目部署到外网服务器上 （ 上线 ）， 至于如何部署我们的服务器 ， 各个服务器都会启动什么服务 ， 承载什么内容 ， 服务器之间有什么关系这些都属于服务器部署
前端口中所指的前后端分离与不分离， 说的是数据的渲染方式 ， 如果 ， 我们 font-end 负责创建页面结构后 ， 由 back-end 在浏览器访问的时候在 HTML 上面渲染好数据 ， 这个叫 ssr， 也叫服务端渲染数据 ， 这样的前后端开发方式也成为前后端不分离 ， 而 font-end 利用数据交互技术与 back-end 进行数据交互然后由 font-end 将数据渲染在页面上 ， 这叫 bsr， 也叫客户端渲染数据 ，， 这样的前后端开发方式也成为前后端分离。
也就是说 ， 我们以往的前后端分离与不分离指的是数据的渲染方式 ， 在 这里想要介绍的前后端分离与不分离指的是 font-end 资源与 back-end 服务器放置的位置关系。
前后端不分离 ， 指的就是前端开发的所有代码及资源 （dist） 会直接放入到后端开发的服务器中 ， 此时 ，client 访问的时候所有的资源 （html 等 ） 都交由的 node 提供 ， 而数据请求都交由 node 提供
前后端不分离 ，back-end 不仅提供数据请求还提供资源请求
客户端的请求一般分为两种 ： 资源请求 ， 数据请求
目前比较流行的 webserver 主要有两种 ： apache，nginx
一个服务器提供资源 ， 一个服务器提供数据
例如 ： 百度 ， 将 api 接口资源和 html 文件资源放在了 www.baidu.com 服务器 ， 而其他的 css，js，image 等资源放在了多个资源服务器上 ， 也就是说百度将自己的代码部署在两种服务器上 ， 一种后端服务器提供 api 接口和 html 页面 ， 一种是前端服务器提供 js 逻辑 ，css 样式等资源 …
前后端不分离部署适合一些中小企业的中小级项目
如果前端代码有了新的版本 ， 例如 js 或者 css 变化 ， 这个适合前端重新打包代码后需要重新交给服务端进行部署
如果我们把服务器分开 ， 一个 apiserver， 一个 staticserver 的话 ， 前端有了新的 js 或者 css 代码后 ， 只需要将 staticserver 中的代码进行替换 ，api server 不需要进行重新部署
前后端分离部署的好处就在于无论是前端更新代码版本还是后端更新代码版本只需要在对应的服务器上进行更新就可以了 ， 不需要另一台服务器做什么事情 ， 更新维护更方便 ， 成本更低。
原文链接：https://blog.csdn.net/iiichigo/article/details/83269796
