前后端分离的项目如何部署到服务器上。

Question

前后端分离的项目如何部署到服务器上，前端使用vue，后端使用thinkphp，服务器是在虚拟机中搭建的LAMP.

望大神指点一下。

Answer 1

部署肯定是分开的，但是分开后也需要解决一些问题，比如你在后端上传了文件，URL路径会是back.mysite.com/images/123456789.png，在前端显示时难免会有点诡异，而且后端出于安全考虑，总希望暴露得尽可能少一点。这两个问题解决的方法有好几种，我个人比较喜欢用Nginx反向代理，具体做法是：
1.前台域名www.mysite.com，后台不配域名直接用端口号，比如12.34.56.78:9999
2.在前端的nginx配置中配置www.mysite.com/api路径反向代理，指向12.34.56.78:9999/api
3.在前端的nginx配置中配置www.mysite.com/images路径反向代理，指向12.34.56.78:9999/images
这样图片URL显示浑然一体，而且后端暴露得最少，部署和迭代也都会很方便。

Answer 2

各自编写自己的脚本，上线时在线上执行下就可以了，前端只是调用后端的接口而已。

前端一般也就是一些编译操作。 或者上线前把编译好的文件上到线上也可以。

Answer 3

各自部署就好了啊，给用户请求的是前端的代码，然后前端调用后端的接口~或者直接放在thinkphp下面也OK啊