打包前端代码docker镜像

本次打包准备：
1、linux系统下已有docker环境；
2、nginx的官方最新镜像基础；
3、前端编译后的html/js等静态页面文件（本次随便写一个index.html作为测试校验）；

一、准备测试的html文件
[root@localhost learn_nginx]# mkdir html
[root@localhost learn_nginx]# cd html
[root@localhost learn_nginx]# touch index.html
[root@localhost learn_nginx]# vim index.html

二、编写Dockerfile文件
[root@localhost learn_nginx]# touch Dockerfile
[root@localhost learn_nginx]# vim Dockerfile

FROM nginx:latest

#author 
MainTAINER zhujun

#把当前html目录下的静态页面文件，copy到镜像中的/usr/share/nginx/html目录下
COPY html/  /usr/share/nginx/html

#如果需要把nginx的配置也copy进去，放开以下代码
#COpy nginx/default.conf /etc/nginx/conf.d/default,conf

三、打包镜像
[root@localhost learn_nginx]# docker build -t front:v1 .

[root@localhost learn_nginx]# docker images

四、测试校验
[root@localhost learn_nginx]# docker run --name front -p 80:80 front:v1 &
[root@localhost learn_nginx]# docker ps

打开浏览器，输入服务器地址： http://192.168.18.131/

说明前端的静态文件成功打包进镜像，且启动正常；

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/zhujuntiankong/article/details/100072089
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-07 21:24:24
阅读 ( 903 )
分类：前端

打包前端代码docker镜像

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看