Docker + Nginx部署Vue3 + SpringBoot项目：从零到实战

在本文中，我们将探讨如何使用Docker和Nginx来部署Vue3和SpringBoot项目。我们将分步骤介绍项目准备、Docker镜像构建、Nginx配置以及实际部署等内容。通过本文，您将掌握一种高效、可靠的部署方案，为您的Web应用程序提供强大的支持。
一、项目准备
在开始部署之前，您需要确保您的Vue3和SpringBoot项目已经构建完成，并且可以正常运行。同时，您需要安装Docker和Nginx。
二、Docker镜像构建

1. 打开终端，进入您的项目目录。
2. 构建Docker镜像。假设您的项目名为my-app，则可以使用以下命令构建镜像：

   docker build -t my-app .  # 构建镜像

3. 运行Docker容器。使用以下命令启动容器：

   docker run -p 8080:8080 my-app  # 运行容器

   上述命令将把容器的8080端口映射到主机的8080端口。您可以根据需要修改端口号。
   三、Nginx配置
4. 安装Nginx。如果您的系统尚未安装Nginx，请根据您的操作系统进行安装。
5. 打开Nginx配置文件。在大多数Linux发行版中，Nginx配置文件位于/etc/nginx/nginx.conf或/etc/nginx/conf.d/default.conf。使用您喜欢的文本编辑器打开该文件。
6. 在配置文件中添加以下内容：

   server {
   listen 80;
   server_name example.com;
   location / {
   proxy_pass http://localhost:8080;
   proxy_set_header Host $host;
   proxy_set_header X-Real-IP $remote_addr;
   }
   }

   请根据您的实际情况修改server_name和proxy_pass指令中的地址。上述配置将Nginx的80端口请求转发到本地的8080端口。
7. 保存并关闭配置文件。
8. 检查Nginx配置是否正确：

   nginx -t  # 检查配置是否正确

9. 重新加载Nginx配置以使更改生效：

   nginx -s reload  # 重新加载配置

   四、实际部署
10. 在服务器上安装Docker和Nginx，并按照上述步骤构建Docker镜像和配置Nginx。
11. 将您的Vue3和SpringBoot项目打包成可执行的JAR或WAR文件，并将其放置在服务器上的适当位置。
12. 在服务器上运行Docker容器，并将容器的端口映射到主机的相应端口。例如：

    docker run -p 80:80 my-app  # 将容器的80端口映射到主机的80端口

13. 检查您的应用程序是否在服务器上正常运行。您可以使用浏览器访问服务器的IP地址或域名，查看应用程序是否能够正常访问。
    通过以上步骤，您已经成功使用Docker和Nginx部署了Vue3和SpringBoot项目。在实际部署中，请根据您的需求进行适当的调整和优化。