前后端分离的项目部署到tomcat_springboot+vue前后端分离，nginx代理配置 tomcat 部署war包详细配置...

1.做一个小系统，使用了springboot+vue 基础框架参考这哥们的，直接拿过来用，链接https://github.com/smallsnail-wh/interest

前期的开发环境搭建就不说了，太多了，自己找吧。

2.发布部署

将开发好的前端vue代码 执行 npm run build 默认会生成dist文件夹(里面都是一些js文件)+index.html文件，留着后面备用

nginx

nginx安装好之后，start nginx.exe 直接启动，在浏览器中输入localhost出现如下信息代表安装成功(默认是80端口可以省略，如果你修改成了其他端口，是要带上端口号的)

将vue生成的dist文件夹和index.html整体拷贝到nginx/html下面，如图

如果你的不是index.html文件名臣，需要在conf文件夹下的nginx.conf文件修改成相应的文件名，比如：我的就是index_prod.html

location / {

root html;

index index_prod.html index_prod.htm;//按照实际的文件名进行修改

}

再次输入localhost就可以看到你开发的前端程序了。

后段tomcat，war包部署，

先将后段打成war包，放在tomcat下的webapps文件夹下(tomcat端口要跟开发时候的springboot端口保持一致)