docker打包 前后端分离的Django

### 使用 Docker 打包前后端分离的 Django 项目最佳实践 为了实现前后端分离项目的高效部署，可以采用 Docker 容器化技术来封装整个应用环境。以下是关于如何使用 Docker 打包并部署 Django 和 Vue.js 的具体方法。 #### 1. 准备工作 在开始之前，需确保已安装 Docker 和 docker-compose 工具，并完成以下准备工作： - 创建一个统一的工作目录 `/home/project`[^2]。 - 将前端构建后的静态资源文件夹 `static` 复制到 Nginx 配置所在的路径中[^1]。 - 编写适合当前架构需求的 `docker-compose.yml` 文件[^3]。 #### 2. 构建镜像 创建两个独立的服务分别用于运行后端 Django 应用和前端 Vue.js 应用： ##### (a) 后端服务配置 (`Dockerfile`) ```dockerfile FROM python:3.9-slim-buster ENV PYTHONUNBUFFERED=1 \ PYTHONDONTWRITEBYTECODE=1 WORKDIR /app/backend COPY requirements.txt . RUN pip install --no-cache-dir -r requirements.txt COPY . . CMD ["gunicorn", "--bind", ":8000", "myproject.wsgi"] ``` 此部分定义了一个基于 Python 的基础镜像，安装依赖项并通过 Gunicorn 运行 Django 应用程序。 ##### (b) 前端服务配置 (`frontend/Dockerfile`) ```dockerfile FROM node:lts-alpine as build-stage WORKDIR /app/frontend COPY package*.json ./ RUN npm install COPY . . RUN npm run build FROM nginx:stable-alpine COPY ./nginx.conf /etc/nginx/conf.d/default.conf COPY --from=build-stage /app/frontend/dist /usr/share/nginx/html ``` 上述脚本描述了两阶段构建流程：先通过 Node.js 环境编译 Vue.js 项目，再将其产物嵌入至 NGINX 镜像中作为静态网页服务器提供访问支持。 #### 3. 组合多个容器 编写 `docker-compose.yml` 来协调不同组件之间的交互关系： ```yaml version: '3' services: backend: build: context: . dockerfile: Dockerfile volumes: - static_data:/vol/web/staticfiles ports: - "8000:8000" environment: - DJANGO_SETTINGS_MODULE=myproject.settings.production frontend: build: context: ./frontend dockerfile: Dockerfile depends_on: - backend ports: - "80:80" volumes: static_data: ``` 该文档指定了两个主要服务——backend 及其关联卷存储位置；以及负责呈现 UI 层面内容的 frontend 实例。 启动命令如下所示即可自动拉取所需镜像并初始化全部进程链路： ```bash docker-compose up -d ``` 最后设置开机自启功能以便于长期稳定运作状态维持良好体验效果。 ---