标签：dist 前端 http NG nginx html frontend docker fim

Dockerfile 写法

FROM nginx

MAINTAINER gradyjiang "jiangzhongjin@hotmail.com"

ENV LANG C.UTF-8

# 当前父目录
ENV PARENT_DIR .

COPY $PARENT_DIR/dist/ /usr/share/nginx/html/

COPY $PARENT_DIR/nginx.conf /etc/nginx/nginx.conf

我将docker的内容独立到了一个目录中，也就是与dist 目录同一级了

在这里我遇到了第一个坑

Dockerfile 默认只能在dockerfile所在目录工作，往上一级寻找是会报错的
所以就有一个需求，需要把dist目录拷贝到Dockerfile的目录下

构建脚本如下

echo "开始构建 fim-frontend 镜像..."

cp -rp ../dist ./fim-frontend

docker build -t fim-frontend:1.0 ./fim-frontend

rm -rf ./fim-frontend/dist

利用ShellScript的能力就悄无声息地做到了

有时，需要知识面全面，使用巧力

PS：

nginx.conf 配置如下

# grady config
worker_processes auto;
 
events {
    worker_connections  1024;
}


http {
    include       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  logs/access.log  main;
 
    sendfile        on;
 
    keepalive_timeout  65;

    client_max_body_size   20m;

    server {
      listen       80;
      charset utf-8;

      # access_log  logs/host.access.log  main;

      # 精确匹配/ 拿前端html
      location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
      }

      # 其他请求向后端转发
      location /chat {
        proxy_pass http://fim-backend:8080;
      }
 
      # redirect server error pages to the static page /50x.html
      #
      error_page   500 502 503 504  /50x.html;
      location = /50x.html {
          root   /usr/share/nginx/html;
      }
    }

}

标签：dist,前端,http,NG,nginx,html,frontend,docker,fim
来源： https://www.cnblogs.com/gradyblog/p/16057677.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。