将本地项目部署到linux服务器（docker容器）上运行实例（前端vue+后端java）

最新推荐文章于 2025-10-11 17:55:31 发布

原创最新推荐文章于 2025-10-11 17:55:31 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#docker #vue #java

本文详细介绍了如何将前端Vue项目和后端Java项目分别打包，并部署到Docker容器中的过程。前端项目通过npm run build命令打包，后端项目则通过Maven打包成jar文件。随后，前端的dist文件夹和后端的jar包被分别复制到nginx和JDK容器中，通过Docker命令实现项目的运行。

本篇文章使用服务器为虚拟机/docker容器

1.前端项目

注：这里的前端项目为vue项目
vue项目打包
打开cmd/gitbash/工具自带指令框（都可）
输入npm run build 打包
在这里插入图片描述
打包后项目中会出现一个dist文件夹，下面分别有一个static目录和一个index.html
将static目录和index.html放入虚拟机对应装好的nginx容器中，具体位置为nginx配置的root位置：
指令如下：docker cp 本地文件地址容器ip:容器指定地址
在这里插入图片描述
之后重启nginx即可：./nginx -s reload
在本地hosts文件将服务器配置的ip和server_name添加进去（C:\Windows\System32\drivers\etc\hosts）
如图所示

配置好即可在浏览器通过访问ip或者server_name来访问前端页面了（如果nginx配置没问题）

2.后端项目

项目打包
如图所示：package打包，打包后可在target目录下找到打好的jar包
在这里插入图片描述
将项目jar包放入创建好的jdk容器中（注：如果打的是war包,则需要容器装有tomcat）

在容器中运行项目：java -Dfile.encoding=utf-8 -jar jar放置的地址/项目名.jar
在容器外（虚拟机）运行项目：docker exec -d dm-eureka-server nohup java -Dfile.encoding=utf-8 -jar jar放置的地址/项目名.jar

注：在容器内运行时，可使用ctrl+c停止项目，容器外则不可以，需要进入容器通过ps -ef|grep java查找到当前进程，通过kill -9 进程号停止进程

此外：在容器内运行时，控制台可看到运行状态，在容器外运行则看不到，需要调试的情况下可使用容器内运行来检查