【运维】Vue+SpringBoot前后端分离项目部署_nginx vue tomcat

        搞了很长时间，网上都没有找到一个合适的版本，最后终于搞好了。

1、打包Vue项目为dist文件

进入到前端项目目录下【例如D:\xxx\ERP-web】

cmd中输入命令 npm run build 后就可打包成功，前提是代码没有报错

D:\xxx\ERP-web>npm run build

然后会生成一个dist文件，在web目录下。

然后将就这个dist文件移动到Nginx目录下的html中。

 然后点击nginx.exe即可。

提示：查看是否启动nginx可以打开任务管理器查看,然后找到nginx的端口号，假设nginx端口号为3000，直接输入localhost：3000就可以访问前端页面了

 

看这篇文章。【记住里面修改 E:\nginx\nginx-1.18.0\conf\nginx.conf 文件】

Windows下将前端vue项目部署到Nginx_Windyluna的博客-CSDN博客_vue项目部署到windows

2、打包后端项目为jar文件

打jar/war包分别改一下就好了。

 先点击clean成功后再点击package打包

 完成后会出现

然后就可以去对应的路径找到jar包或者war包、

因为SpringBoot内置tomcat，所以直接使用命令进行启动后端jar包。

输入cmd进入再输入java -jar jar包名字 然后回车进行启动

然后后端就启动成功了。