Docker部署Vue 工程包

docker部署 Vue 工程包

目录结构

[root@host ~]# tree front/
front/
├── dist.conf
├── dist.zip
├── Dockerfile
└── nginx.conf

编写Dockerfile

这里的基础镜像是我优化过的,大家可以指定官方的

FROM nginx:1.13
MAINTAINER test
COPY dist.conf /etc/nginx/conf.d/dist.conf
COPY nginx.conf /etc/nginx/nginx.conf
RUN rm  /etc/nginx/conf.d/default.conf -rf
COPY *.zip /home/

编写代理文件

这里的 /upload/ 是代理的图片路径

server {
        listen  9528;
        server_name  localhost;
       
        location / {
                root   /home/public;
                index  index.html index.htm;
        }
       location /upload/ {
                root  /home;
        }

编写nginx.conf

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user  nginx;
worker_processes  auto;
worker_rlimit_nofile 65535; 

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

# Load dynamic modules. See /usr/share/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections  2048;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    types_hash_max_size  2048;
    
    keepalive_timeout   60;
    proxy_connect_timeout 3s;
    proxy_read_timeout    10s;
    proxy_send_timeout    10s;

    server_names_hash_bucket_size 128;
    client_header_buffer_size 128k;
    client_max_body_size 1024m;
    large_client_header_buffers 4 128k;
    
    proxy_buffering on;
    proxy_buffer_size 4k;
    proxy_buffers 8 1m;
    proxy_busy_buffers_size 2m;
    proxy_temp_file_write_size 2m;
        
    add_header X-Frame-Options "SAMEORIGIN";

    include /etc/nginx/conf.d/*.conf;
}

build 镜像

[root@host ~]# docker build -t dist:v0.1 front/
ending build context to Docker daemon  2.75 MB
Step 1 : FROM nginx:1.13
 ---> d044548b1076
Step 2 : MAINTAINER test
 ---> Running in a4f82d1f813d
 ---> 11891ec35400
Removing intermediate container a4f82d1f813d
Step 3 : COPY dist.conf /etc/nginx/conf.d/dist.conf
 ---> 042ebd62c9da
Removing intermediate container 8bb11197bb6e
Step 4 : COPY nginx.conf /etc/nginx/nginx.conf
 ---> 70084e83232b
Removing intermediate container fb986e1b38cb
Step 5 : RUN rm  /etc/nginx/conf.d/default.conf -rf
 ---> Running in 84369459ea97
 ---> fa4f7acafa7b
Removing intermediate container 84369459ea97
Step 6 : COPY *.zip /home/
 ---> c8e3f0f60c6e
Removing intermediate container 011f626e50b3
Successfully built c8e3f0f60c6e

结语

这样前端工程镜像就build好了,可以执行docker run -d -p9528:9528 dist:v0.1启动

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏琯琯博客

docker-resources资源汇集相关项目博文

docker资源汇总。英文版本链接 资源汇集 书籍 第一本Docker书 (7.4分) Docker —— 从入门到实践 (内容一般) The Docker B...

5147
来自专栏运维

linux下连接windows2003 ppoe 服务器

1,在CentOS6.3下用 /usr/sbin/pppd  pty "/usr/sbin/pptp publicip --nolaunchpppd" f...

1432
来自专栏小狼的世界

Docker存出载入镜像

如果你的生产环境不能连通互联网,而你又希望从互联网上获取镜像。你就需要借助 docker save命令,可以将镜像导出为 tar 文件。使用 docker lo...

1102
来自专栏从零开始的linux

netstat命令

显示网络链接 ---- netstat -t:tcp协议相关 -a:所有状态 ...

3285
来自专栏积累沉淀

ie8和chrome获取上传图片的宽度和高度等尺寸

测试后可用 <html> <head>     <title>测试</title>     <meta chars...

3818
来自专栏乐沙弥的世界

Oracle 11g RAC crs_stat 命令结果完整显示

Oracle 11g RAC中crs_stat命令较之前的版本多出了很多新的不同的资源类型,缺省情况下,使用crs_stat -t来查看资源是密密麻麻一大片,看...

2491
来自专栏程序员同行者

Docker 部署Django项目

这里指定 Python 版本为docker官方提供的 "0.0.0.0:8000" 这里笔者开启容器中 8000 端口

1923
来自专栏杨建荣的学习笔记

关于update语句的性能测试(62天)

今天对表的update进行了性能测试,收获不小。在linux 64位的环境中测试, 数据量是按照40万左右的标准进行的测试。 SQL> select count...

3117
来自专栏前端萌媛的成长之路

Setting up your own Ghost theme

1512
来自专栏ChaMd5安全团队

pwnhub年前最后一战——“血月归来”writeup

一共两题,一题是固件逆向,一题是pwn。 key–逆向 这是一个嵌入式固件的逆向。 固件逆向,第一要做的就是确定片型和板型。 确定片型可以知道硬件资源,通用寄存...

4118

扫码关注云+社区

领取腾讯云代金券