前后端分离项目，部署服务器之前后端打包教程

发布时间：2024-12-21 04:34

熟悉前端后端分离的开发模式 #生活技巧# #工作学习技巧# #编程学习路径#

后端打包

手上有两个项目，正好是两种，Java web项目和Maven项目。

Java Web项目非常麻烦，Maven项目非常简单。

Maven项目

一键打包，Maven命令中有package命令，双击就好了。然后在项目的编译文件中找到对应的包。然后找个tomcat把war放进去就好了。你可以选择放war包，tomcat启动时，会自动给你解压给你启动。
在这里插入图片描述

命令执行前，target如图：
在这里插入图片描述
命令执行后，如图：

打包成功结果图：
在这里插入图片描述

Java Web项目

一般老的项目是Java Web项目，比如公司里的这个项目，让我部署，还是很麻烦的麻烦，它这个项目还是eclipse开发的，手动jar包，三百多个jar包，后端听着很落后哈，但是前端是VUE项目，而且这个软件还是前后端分离项目，反差极大。我从SVN导下来后，弄到IDEA里，一大堆报错，麻烦的一批。

这种项目的打包方式有两种：

a:web application exploded

b:web application archive

a种，是打包成文件夹，不是.war格式。

b种，是打成war包，需要你自己在解压。
在这里插入图片描述

打包成功之后，别忘了Build一下你的包，免得放到tomcat后报错，再来回搞，Build步骤如下。

在这里插入图片描述

然后找个tomcat把war放进去就好了。

前端打包

springboot项目不是前后端分离，所以前端不用打包。java web项目的前端是VUE项目，需要打包，然后放到tomcat里边和后端项目一起运行，前后端可以放在同一个tomcat里边，然后前后端用同一个端口号，不会出现跨域问题。

Vue项目怎么打包呢，有的人网上一搜，npm run build，命令可以打包，然后就输入了npm run build命令，结果咔嚓报错。报错原因为npm ERR! missing script: build，如下：
别人用build可以，你用不行，因为你没有build的js，看看你项目启动的js关键字是什么，有可能是dev,prod,test等等。

在这里插入图片描述