django+Vue的项目使用docker打包

django项目迁移

①在项目根目录下，创建Dockerfile文件：

# 使用官方 Python 镜像作为基础
FROM python:3.9.18
# 设置工作目录
WORKDIR /app
# 复制项目文件
COPY . /app
# 安装依赖
RUN pip install --upgrade pip && \
    pip install -r requirements.txt
# 开放端口（假设你用的是8000）
EXPOSE 8000
# 启动命令
CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]

②打包

docker build -t 镜像名 .

③创建容器

docker  run -p  8000:8000 --name  容器名 镜像名

 

vue项目迁移

①构建项目

npm run build

②在项目根目录下，创建nginx.conf：

server {
    listen 80;
    server_name _;
    root /usr/share/nginx/html;
    index index.html index.htm;
​
    location / {
        try_files $uri $uri/ /index.html;
    }
​
    location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico|json)$ {
        try_files $uri =404;
    }
}

③在项目根目录下，创建Dockerfile文件：

FROM nginx:alpine
COPY dist/ /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

④打包

docker build -t 镜像名 .

⑤创建容器

docker run -d -p 8080:80 --name 容器名 镜像名