【Linux系列】Docker启动Nginx配置动静分离

框架师

发布于 2022-03-08 18:19:48

1.9K0

发布于 2022-03-08 18:19:48

前言

最近接了个小需求，将服务和前端资源实现分离，很早之前就使用过 nginx 做动静分离，不同的是，这一次使用的是在 docker 环境下,配置方面没有多大区别，主要是启动 nginx 和 nginx 的挂载目录需要注意下，下面就开始吧！

动静分离

动静分离简单来说就是把动态跟静态请求分开，不能理解成只是单纯的把动态页面和静态页面物理分离。严格意义上说应该是动态请求跟静态请求分开，可以理解成使用 Nginx 处理静态页面，Tomcat 处理动态页面。动静分离从目前实现角度来讲大致分为两种：

第一种：是纯粹把静态文件独立成单独的域名，放在独立的服务器上，也是目前主流推崇的方案；
第二种：方法就是动态跟静态文件混合在一起发布，通过nginx来分开。

以上内容搬的以前 nginx 的文章，感兴趣的小伙伴可以去看下这篇笔记动静分离简介

通过 location指定不同的后缀名实现不同的请求转发。通过 expires参数设置，可以使浏览器缓存过期时间，减少与服务器之前的请求和流量。具体 Expires定义：是给一个资源设定一个过期时间，也就是说无需去服务端验证，直接通过浏览器自身确认是否过期即可，所以不会产生额外的流量。此种方法非常适合不经常变动的资源。（如果经常更新的文件，不建议使用 Expires 来缓存），我这里设置3d，表示在这 3 天之内访问这个URL，发送一个请求，比对服务器该文件最后更新时间没有变化，则不会从服务器抓取，返回状态码304，如果有修改，则直接从服务器重新下载，返回状态码 200。

准备环境

保证系统有 Docker 环境，有无网络均可。
有网络的情况下使用docker pull拉取镜像，无网络的情况下使用docker load < [images_name]导入镜像

# 搜索镜像
$ docker search nginx
# 拉取镜像
$ docker pull nginx|latest
# 创建工作目录
$ mkdir -p /nginx/{conf,conf.d,logs,data}
# 在data目录下添加html文件夹和image文件夹
$ docker run -dit nginx
# conf 里放 nginx.conf 配置文件, 这个文件的内容要从镜像里的复制出来，前面是容器的路径 后面是宿主机的路径
$ docker cp 容器id:/etc/nginx/conf.d/default.conf /nginx/conf.d/default.conf
$ docker cp 容器id:/etc/nginx/nginx.conf /nginx/conf/nginx.conf
# 删除容器
$ docker rm $(docker stop 容器id)
# 查看nginx启动日志
$ tail -f /nginx/logs/error.log

启动 nginx

$ docker run -dit --restart=always --name=nginx -p 8005:80 -v /nginx/data/image:/data/image -v /nginx/data/html:/usr/share/nginx/html -v /nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /nginx/logs:/var/log/nginx -v /nginx/conf.d:/etc/nginx/conf.d nginx:latest
#######################################################
* --restart=always: 异常关闭后重新尝试启动
* -v /nginx/data/image:/data/image：挂载宿主机的image文件
* -v /nginx/data/html:/usr/share/nginx/html： 挂载宿主机的html文件
* -v /nginx/conf/nginx.conf:/etc/nginx/nginx.conf： nginx配置文件
* -v /nginx/logs:/var/log/nginx： 日志文件
* -v /nginx/conf.d:/etc/nginx/conf.d： 默认配置文件

配置动静分离,修改/nginx/conf.d/default.conf配置文件

server {
    # 监听端口
    listen       80;
    listen  [::]:80;
    # 对应域名，单个网站域名网站也可写localhost
    server_name  ip;
    #access_log  /var/log/nginx/host.access.log  main;
    # 可以配置多个location
    # 配置html访问路径 https://ip:port/index.html
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }
     # 配置图片访问路径 https://ip:port/*.jpg
    location ~ .*\.(gif|jpg|pdf|jpeg|png)$ {
        expires    8h;
        root   /data/image/;
    }
    # 拦截后台请求，正则匹配 api 路径
    location ~* ^/(code|auth|admin|gen|dcmp|transport) {
       # 配置代理地址
       proxy_pass http://ip:port;
       #proxy_set_header Host $http_host;
       proxy_connect_timeout 15s;
       proxy_send_timeout 15s;
       proxy_read_timeout 15s;
       proxy_set_header X-Forwarded-Proto http;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
    #error_page  404              /404.html;
    # redirect server error pages to the static page /50x.html
    error_page   500 502 503 504  /50x.html;
    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}
    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}
    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}