11、Docker-dockerfile-部署前端

一、nginx.conf配置文件

image

user root root;
worker_processes auto;
pid /run/nginx.pid;
events {
    worker_connections 768;
    # multi_accept on;
}
http {
    sendfile on;
    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;
    gzip on;
  gzip_types application/xml application/xml+rss text/javascript;
    # 核心配置
    server {
        listen       80;
        server_name  localhost;
        location / {
           # 修改成你存放web项目的路径
            root  /web/www/sx;
            index  index.html index.htm;
        }
    }
}

二、startup.sh脚本

#!/bin/bash
#切换到国内源
sed -i 's/http:\/\/archive\.ubuntu\.com\/ubuntu\//http:\/\/mirrors\.163\.com\/ubuntu\//g' /etc/apt/sources.list
# 创建web项目的路径
mkdir -p /web/www/
# 更新本地源信息
apt-get update --fix-missing
#  安装 git
apt-get install -y git --fix-missing
# 下载github项目到本目录下 /web/www/
git clone  https://github.com/zhangwei725/sx.git  /web/www/
# 重新加载配置文件
service nginx reload
# 启动nginx
service nginx start

image

三、dockerfile

FROM  nginx
COPY ./nginx.conf  /etc/nginx/
# 将 startup.sh拷贝到 当前跟目录
COPY ./startup.sh  /
CMD ["bash","startup.sh"]

四、从当前目录下的dockerfile构建项目

docker  build -t demo/sx ./

五、启动项目

docker run -d --name nginx80 -p :80:80 demo/sx