前后端分离的前端部署渲染方案总结

前后端分离主要是为了区分后端和前端，以前前端代码是直接将HTML和静态文件丢给后端，由后端完成数据动态交互，所以后端既要写后端逻辑，又要写前端的数据交互逻辑。

前后端分离后后端只需要提供接口，前端则必须要完成对接口的调用和数据交互的处理。但是在部署上则是完全与之前不同，作为一个后端和前端都开发的人，我总结了三种前后端的部署方案

前言：讲解内容以java为例子，其他语言根据自身情况而定

一、前端依赖Nginx部署渲染

将前端编译后的dist 文件放入 nginx  的配置中，使用root引用

 缺点：

1.前端人员需要学习nginx，前端对nginx不了解的话，没有这种部署思路开发，将会导致开发或者运维需要大量的时间调试。

2.涉及存在交叉引用时，开发如果不规范，将会引起各种路由异常

二、前端嵌入后端部署渲染

将前端编译后的dist 文件放入后端的resource文件下，与原先类似。

由后端完全渲染

 缺点：每次修改前端代码后，需要部署的时候，需要后端重新打包编译部署

三、前端独立部署，后端侧载渲染

将前端编译后的dist 文件放入服务器的指定位置，再由后端渲染

优点：

1.前端可以独立部署，不依赖后端

2.前端与后端调试完成，不需要再nginx调试。nginx只需要代理好后端即可

3.不会因为nginx交叉引用导致路由异常