webstorm下的vue项目

打包项目

在package.json中执行打包命令，运行结束后会生成一个 dist目录

发布项目

通过tomcat部署项目

注意：通过tomcat发布前端项目不需要重启tomcat，如果有文件更新需要重启tomcat
在虚拟机上进入tomcat的webapps文件夹里面
新建一个文件夹，这里以oatest为示例

将webstorm中打包生成的dist文件夹里面所有内容复制到oatest文件夹里面

如果tomcat没有启动的话需要进入tomcat的bin目录执行以下命令

./startup.sh

正常启动之后可以在浏览器输入url测试发布是否成功
localhost:8080/oatest

通过docker容器里的tomcat部署项目

注意：通过tomcat发布前端项目不需要重启tomcat，如果有文件更新需要重启tomcat
通过 docker ps 命令查看容器信息

根据容器名进入容器

docker exec -it oaflowtest /bin/bash

进入webapps’文件夹里面
我这里前端代码正在运行，正常情况下没有oatest

将webstorm中打包生成的dist文件夹里面所有内容复制到oatest文件夹里面，这个oatest文件夹在哪里都可以

执行命令将linux服务器上的文件复制到docker容器里的tomcat的webapps里面

docker cp /home/oatest oaflowtest:/usr/local/tomcat/webapps

执行成功后会有一个绿色的success，之后再进入容器里的tomcat的webapps文件夹里面就可以看到oatest文件夹了

如果tomcat没有启动的话需要进入tomcat的bin目录执行以下命令

cd
./startup.sh