前端部署docker
[文档](https://www.imqd.cn/why-web-developer-should-study-docker.html)
1. npm run build
打包vue项目 生成dist文件夹 利用vue-cli-server
2.写Dockerfile 文件
1.指定nginx 的版本
FROM nginx:1.21.5-alpine
2.作者
LABEL Author kylin
3.将dist 文件夹复制到 /usr/share/nginx/html
COPY dist /usr/share/nginx/html
3.制作docker 镜像
1.查看docker 镜像
docker images
2.制作docker 镜像
docker build -t 镜像名称 .
3.docker 登录
docker login
4.运行容器
docker run -d --name 容器名 -p 8888:80 镜像名
-d 后台运行
--name 容器名
-p 8888:80 将nginx 主机 80 端口映射到8888 端口
5.发布镜像
docker push 镜像名
6.docker 镜像改名
docker tag 旧镜像名 新镜像名
7. 下载别人的镜像
docker pull 镜像名
8.docker compose
docker-compose.yml 文件
version: "3"
services:
容器名:
build:
context: ..
dockerfile: Dockerfile文件
image: 容器名:后跟版本
container_name: 容器名
volumes:
- 数据卷映射容器内的文件,绑定修改
ports:
- "8081:8081" //端口映射
deploy:
resources:
limits:
memory: 512M
networks:
- cloud //网络名
restart: always
networks:
cloud:
external: true
记 2024-01-29 docker 学习
最新推荐文章于 2024-07-17 15:33:16 发布