【Docker】让前端也能用Docker部署，以ruoyi（若依）为例，极简部署流程

首先感谢掘金大佬的文章
本文主要以ruoyi为例，让开发者极简体验vue项目docker化，主要流程如下：

1. 通过nginx代理，让前端接口的请求转发到nodeserver容器上 实现nginx代理转发
2. 以ruoyi为例，打包ruoyi项目，生成dist文件夹，编写Dockerfile文件，通过docker打包生成一个前端镜像，然后通过这个前端镜像实例化启动一个前端容器 实现前端项目部署。

Docker基本概念如下：

镜像（Image）： Docker 镜像是一个只读的模板，可以理解为是一种存储形式，可以理解为数据或应用的副本。

容器（Container）： 容器是镜像的运行实例，可以被启动、停止、删除 , 是运行在虚拟机上的进程。

仓库（Repository）： 用来存储和分发 Docker 镜像的。

主要就是就是，通过Dockerfile生成镜像或者从Dockerhub中获取镜像 然后去创建容器,最后让程序跑在容器上。

Ruoyi代码下载

1. RuoYi-Vue
   

Docker安装

下载并安装 Docker Desktop
操作完可通过 docker --version验证成功与否

Docker Desktop 国内镜像源设置

Docker换源加速(更换镜像源)详细教程（2025.2最新可用镜像，全网最详细）
截止2025.2.6，下列镜像源均可用。（基于能否成功拉取hello-world进行测试）

DockerHub可用镜像源汇总：
docker.m.daocloud.io
docker.imgdb.de
docker-0.unsee.tech
docker.hlmirror.com
docker.1ms.run
func.ink
lispy.org
docker.xiaogenban1993.com
这里要注意，如果国内镜像源不设置，很可能导致各种Docker hub下载失败的情形。

  "registry-mirrors": [
    "https://docker.imgdb.de",
    "https://registry.hub.docker.com",
    "http://hub-mirror.c.163.com",
    "https://docker.mirrors.ustc.edu.cn",
    "https://registry.docker-cn.com"
  ]

尝试nginx运行

这里先尝试一下 nginx服务器的docker化运行：

docker run -d -p 80:80 --name webserver nginx

输入http://localhost/，如果看到下图，就说明成功了

暂停可通过