1 Star 4 Fork 4

jx天空影 / Blogs

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
前端Docker化初探.md 2.01 KB
一键复制 编辑 原始数据 按行查看 历史
jx天空影 提交于 2020-10-12 18:08 . 更新docker部署方案

前端Docker化初探(Windows)

参考项目express-study

维护文档

Windows

下载

Docker Desktop

验证

docker --version 

docker --help

Docker命令参考

Docker命令参考

Dockerfile

FROM node:12.2-alpine

COPY package*.json ./

RUN npm install

COPY . .

EXPOSE 3736

CMD npm run start-dev

镜像

docker image build -t hello:local .

验证

docker image ls

容器

docker container run --name hell0 -d -p 3000:3736 hello:local

验证

Docker

image-20201010111251310

命令

docker container ls

浏览器

浏览器打开localhost:3000

推送仓库

1. 登录 docker hub

docker login

2. 镜像标签

# docker tag SOURCE_IMAGE[:TAG] TARGET_IMAGE[:TAG]

docker tag hello:local jx915/hello:v1.0

docker image ls 

3. 推送

docker push jx915/hello:v1.0

4. 验证

image-20201010113203347

推送成功

5. 下载镜像

docker pull jx915/hello

Nginx

1. Dockerfile

# 这里只是用来打包
FROM node:14.13.1-alpine3.10 as builder 

COPY package*.json ./

RUN npm install

COPY . .

RUN npm run build

# 选择nginx 服务器
FROM nginx:1.19.3-alpine

COPY --from=builder /dist /usr/share/nginx/html

不过因为我们前一段只是用来打包,感觉本地就可以做完这项工作,大不了写个脚本执行打包即可

FROM nginx:1.19.3-alpine

COPY /dist /usr/share/nginx/html

2. 打包镜像

docker image build -t vue3:v1.0 .

3. 容器运行

docker container run --name vue3 -d -p 3001:80 vue3:v1.0

运行中

1
https://gitee.com/jx915/Blogs.git
git@gitee.com:jx915/Blogs.git
jx915
Blogs
Blogs
master

搜索帮助