如果使用docker部署思维要做转变,
以前:启动nginx或者tomcat,把打包的war或者是静态html丢在web服务器项目工程文件夹下
现在:项目还有项目需要依赖的tomact,nginx,还有其他环境,甚至是操作系统,其他等等,全部制作成一个镜像,任何一台电脑,只要安装了docker,都能直接运行这个镜像,发布你自己的工程,完全独立的虚拟环境
现在就以vue项目为例,基于docker镜像发布工程
由于vue编译过后是一段静态html的文件,要想使用,必须运行在http服务器(nginx,tomact,httpServer等等),本文就以nginx作为http服务器
六步走流程说明
第一步:vue项目打包
node build/build.js
生成文件格式如图
![](https://i-blog.csdnimg.cn/blog_migrate/8f0f1177c8503a36ac104f1267e5eb6d.png)
第二步:同目录下创建文件夹 Dockerfile,内容如下
#导入nginx镜像FROM nginx:1.13.7
MAINTAINER Guang Zhouguang <zhouguang@whruobei.com>
#把当前打包工程的html复制到虚拟地址
ADD ./app /usr/share/nginx/html
#使用自定义nginx.conf配置端口和监听
COPY nginx.conf /etc/nginx/nginx.conf
RUN /bin/bash -c
'echo init ok!!!'
第三步:创建nginx.config
worker_processes auto
;
#pid /usr/local/nginx/logs/nginx.pid;
#error_log /usr/local/nginx/logs/error.log crit;
worker_rlimit_nofile 1000000
;
events {
worker_connections 65536
;
multi_accept on
;
use epoll
;
}
http {
include mime.types
;
default_type application/octet-stream
;
sendfile on
;
tcp_nopush on
;
tcp_nodelay on
;
server_tokens off
;
keepalive_timeout 10
;
client_header_timeout 10
;
client_body_timeout 10
;
reset_timedout_connection on
;
send_timeout 10
;
limit_conn_zone $binary_remote_addr
zone=addr:5m
;
limit_conn addr 100
;
gzip on
;
gzip_disable
"msie6"
gzip_static on
;
gzip_proxied any
;
gzip_min_length 1000
;
gzip_comp_level 4
;
gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript
;
open_file_cache
max=100000
inactive=20s
;
open_file_cache_valid 30s
;
open_file_cache_min_uses 2
;
open_file_cache_errors on
;
# include /etc/nginx/conf.d/*.conf;
# include /etc/nginx/sites-enabled/*;
server {
listen 80
;
# 接口服务的IP地址
server_name localhost
;
charset utf-8
;
access_log off
;
# ElecManageSystem-应用文件夹名称 app-index.html页面所在文件夹
root /usr/share/nginx/html
;
location / {
index index.html index.htm
;
}
error_page 500 502 503 504 /50x.html
;
location = /50x.html {
root html
;
}
}
}
第四步:制作镜像 docker build -t rb:1 .
第五步:查看镜像(docker images),rb就是刚才创建的镜像了
![](https://i-blog.csdnimg.cn/blog_migrate/1e3b871dc8bd7d64132d26c0dda8d978.png)
好了,这里镜像就执行成功了,接下来就可以运行镜像了,不管推送到哪儿,都可以直接用了,方便吧?
第六步:运行镜像
可以根据容器id 查看启动日志
docker logs d377fea6caa9