服务器的部署方案

在这里给大家需要介绍一下两种部署方案：

* 前后端不分离 (前后端耦合)

* 前后端分离

假设我们的前端项目和后端项目已经开发完成了，前端是在我们自己的本地服务器开发的，后端也会在自己的服务器上开发完成，每开发到一个大阶段，或者是开发到最后，我们都需要将项目部署到外网服务器上（上线），至于如何部署我们的服务器，各个服务器都会启动什么服务，承载什么内容，服务器之间有什么关系这些都属于服务器部署

 

先了解前后端分离与不分离

 

前端口中所指的前后端分离与不分离，说的是数据的渲染方式，如果，我们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不需要进行重新部署

前后端分离部署的好处就在于无论是前端更新代码版本还是后端更新代码版本只需要在对应的服务器上进行更新就可以了，不需要另一台服务器做什么事情，更新维护更方便，成本更低。