Docker部署ant-design-pro V6.0.0

韩俊强

已于 2024-12-21 16:07:22 修改

阅读量550

点赞数 5

CC 4.0 BY-SA版权

分类专栏：从零开始学习Python 文章标签： docker 容器运维 anti-design-vue ant-design-pro

于 2024-12-21 15:27:15 首次发布

50 篇文章

订阅专栏

本文将指导您如何使用Docker部署ant-design-pro 6.0.0。ant-design-pro是一个基于Ant Design的企业级中后台前端/设计解决方案，使用Docker可以简化其部署过程，确保环境的一致性和可移植性。

在开始之前，请确保您已经安装了以下软件：

Docker

Docker Compose

首先，创建一个新的目录来存放您的ant-design-pro项目：

mkdir ant-design-pro
cd ant-design-pro

下载ant-design-pro

接下来，使用Git克隆ant-design-pro的代码库：

git clone https://github.com/ant-design/ant-design-pro.git .
git checkout 6.0.0

在项目根目录下创建一个名为Dockerfile的文件，并添加以下内容：


FROM node:14



WORKDIR /app



COPY package*.json ./



RUN npm install



COPY . .



RUN npm run build



EXPOSE 80



CMD ["npm", "start"]

创建docker-compose.yml

在项目根目录下创建一个名为docker-compose.yml的文件，并添加以下内容：


version: '3'

services:
  app:
    build: .
    ports:
      - "80:80"
    environment:
      - NODE_ENV=production

在项目根目录下，运行以下命令来构建Docker镜像并启动容器：

docker-compose up --build

一旦容器启动成功，您可以通过浏览器访问http://localhost来查看ant-design-pro应用。

要停止并删除容器，可以使用以下命令：

docker-compose down

总结

通过以上步骤，您已经成功使用Docker部署了ant-design-pro 6.0.0。Docker的使用使得项目的部署变得更加简单和高效，您可以根据需要进行进一步的配置和优化。