前后端分离后，前端代码怎么部署？

Question

我用vue开发，然后npm run build生成前端页面，
现在的做法是复制生成的页面到后端项目里去，感觉很低效，
请问有没有更好的方法，可以一次生成后就部署上去？
谢谢！

Answer 1

听说过远程部署吗？！
直接前端执行npm命令就部署到服务器，或者写个shell脚本。作为开发者不要只看前端技术哦。

Answer 2

后端工程师基于spring的吗？我一般是放到后端工程一起部署，指定spring的静态资源路径，然后配置nginx即可。

Answer 3

这个视你们项目的实际情况而定。我所了解的有两种情况：

1. 项目部署在云服务器上：前后端可以分开部署，各自的发布流程互不影响，可以通过一些手段（比如git的CI）实现自动化部署。但是前后端可能不在同一个域上，要做跨域处理。
2. 项目要打成安装包部署在指定的机器（一般是内网服务器）上：前后端代码最终都要打在一个安装包下面，所以主流的做法就是把前端生成的静态资源包放到后端指定的静态资源目录，这一过程可能就是你现在的场景。这一过程能否实现自动化要看自己了，目前没看到有类似的解决方案。这种方式有个好处就是前后端在同一个域下，不存在跨域的问题。

Answer 4

前后端分离后，如果是不同的团队维护，可以考虑前端页面部署在独立的服务器上，当然需要先解决跨域访问的问题。

Answer 5

我现在的项目是在服务器搭jenkins和svn, 每次写完代码提交之后进管理端编译一下就好了, jenkins还可以配置检测代码更新自动编译, 挺方便的