前端vue项目打镜像并拉取镜像包

前端vue项目打镜像并拉取镜像包

如图需要准备三部分的内容

1.前置要求

linux 环境 + docker环境

2.vue打包后的静态文件，需要自行打包

npm run  build
打包后上传到服务器

3.nginx配置（default.conf文件配置）

server {
    listen       80;
    server_name  25.216.81.183;

    #charset koi8-r;
    access_log  /var/log/nginx/host.access.log  main;
    error_log  /var/log/nginx/error.log  error;


     location  /ami-demo/{
     proxy_pass http://25.216.81.183:18888/;
     proxy_set_header Host $proxy_host;
    }

    location / {
        root /usr/share/nginx/html;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

4.镜像配置（DocakerFile配置）

FROM nginx:latest
COPY dist/ /usr/share/nginx/html/
COPY default.conf /etc/nginx/conf.d/default.conf
EXPOSE  80

5.执行镜像生成命令

docker build -t app .      
app：镜像名称自定义
注意：最后的. 不能缺少

6.保存镜像

docker save -o /data/***.tar app

7.运行镜像

docker run -p 8080:80 app