Nginx反向代理到多个Docker 笔记！

转载

mob604756f692f5 2021-07-27 12:12:00

文章标签 nginx docker html 服务器前端页面 文章分类 代码人生

前言

现在我有一台CentOS8.2的测试服务器。我希望在里面运行3个Docker容器。分别用来运行vue编写的网站前端页面，网站后台静态页面和.NET 5 WebAPI。

当用户访问 http://119.28.135.102 可以打开网站前端页面，当用户访问 http://119.28.135.102/admin 可以打开网站后台页面。

思考了一番后大致流程如下图所示，用户请求Centos服务器上的Nginx服务器，然后该服务器通过对用户请求目标进行过滤，最后反向代理到不同的Docker中。

Docker容器1和Docker容器2里面要安装nginx，作为前端和后台页面的web服务器。Docker容器3需要安装.NET5运行时，用来运行WebApi。

Nginx反向代理到多个Docker 笔记！_前端页面

一、制作网站前端页面的Docker镜像

pc文件夹目录结构

Nginx反向代理到多个Docker 笔记！_nginx_02

dist文件夹里就是vue项目build之后的静态页面。

Nginx反向代理到多个Docker 笔记！_html_03

Dockerfile内容：

# Base Image设置基础镜像
FROM nginx
 
# 将dist目录复制到 Docker容器中的/usr/share/nginx/html/目录下
COPY dist/  /usr/share/nginx/html/

# 将nginx.conf文件复制到/etc/nginx/nginx.conf
COPY nginx.conf /etc/nginx/nginx.conf

nginx.conf内容：

user  nginx;
worker_processes  auto;

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


events {
    worker_connections  1024;
}


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;

    keepalive_timeout  65;

    #gzip  on;

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


   server {
        listen       80;
        server_name  localhost;

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

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

        #error_page  404              /404.html;

        # 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;
        }
 }
}