Question

我正在尝试提供位于不同docker容器中的不同资产。我有两个容器，其中一个是example.com，另一个是example.com/site2，另外一个是nginx容器（代理）。

在这个nginx容器中，我有一个配置文件，可以正确管理站点路径以访问页面，但是找不到site2中的图像，css和javascript（site2中所有资产的404状态）。

这是我的配置文件：

server {
    listen 80 default_server;
    server_name _;

    location ~ /\. {
        deny all;
    }

    # assets, media
    location ~* \.(?:css(\.map)?|js(\.map)?|jpe?g|png|gif|ico|cur|heic|webp|tiff?|mp3|m4a|aac|ogg|midi?|wav|mp4|mov|webm|mpe?g|avi|ogv|flv|wmv)$ {
        if ($request_uri ~* "site2") {
            proxy_pass "http://production-site2";
        }

        if ($request_uri !~* "site2") {
            proxy_pass "http://production-site1";
        }

        expires 7d;
        access_log off;
    }

    # svg, fonts
    location ~* \.(?:svgz?|ttf|ttc|otf|eot|woff|woff2)$ {
        if ($request_uri ~* "site2") {
            proxy_pass "http://production-site2";
        }

        if ($request_uri !~* "site2") {
            proxy_pass "http://production-site1";
        }

        add_header Access-Control-Allow-Origin "*";
        expires 7d;
        access_log off;
    }

    gzip on;
    gzip_comp_level 2;
    gzip_http_version 1.0;
    gzip_proxied any;
    gzip_min_length 256;
    gzip_buffers 16 8k;
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon;
    gzip_disable "MSIE [1-6].(?!.*SV1)";
    gzip_vary on;


    location / {
       proxy_pass          http://production-site1/;
       proxy_http_version  1.1;
       proxy_set_header    Host                $host;
       proxy_set_header    X-Real-IP           $remote_addr;
       proxy_set_header    X-Forwarded-Proto   $scheme;
       proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
    }

    location /site2 {
        proxy_pass          http://production-site2/;
        proxy_http_version  1.1;
        proxy_set_header    Host                    $host;
        proxy_set_header    X-Real-IP               $remote_addr;
        proxy_set_header    X-Forwarded-Proto       $scheme;
        proxy_set_header    X-Forwarded-For         $proxy_add_x_forwarded_for;
    }

}

如果我删除以下位置，则在两个站点中都可以找到所有图像，css和javascript：

# assets, media
location ~* \.(?:css(\.map)?|js(\.map)?|jpe?g|png|gif|ico|cur|heic|webp|tiff?|mp3|m4a|aac|ogg|midi?|wav|mp4|mov|webm|mpe?g|avi|ogv|flv|wmv)$ {
    if ($request_uri ~* "site2") {
        proxy_pass "http://production-site2";
    }

    if ($request_uri !~* "site2") {
        proxy_pass "http://production-site1";
    }

    expires 7d;
    access_log off;
}

# svg, fonts
location ~* \.(?:svgz?|ttf|ttc|otf|eot|woff|woff2)$ {
    if ($request_uri ~* "site2") {
        proxy_pass "http://production-site2";
    }

    if ($request_uri !~* "site2") {
        proxy_pass "http://production-site1";
    }

    add_header Access-Control-Allow-Origin "*";
    expires 7d;
    access_log off;
}

但是我想保留这些位置。我的问题有解决方案吗？我尝试了许多在stackoverflow和其他链接中找到的解决方案，但是这些解决方案均无效。

Answer 1

这是我基于@flaixman嵌套位置答案，this重写URL答案和this否定正则表达式答案的解决方案。我需要重写site2 URL，因为在site2公共文件夹（或site2路由）内没有名为site2的文件夹。这就是为什么找不到我的资产的原因。

# assets, media
location ~* \.(?:css(\.map)?|js(\.map)?|jpe?g|png|gif|ico|cur|heic|webp|tiff?|mp3|m4a|aac|ogg|midi?|wav|mp4|mov|webm|mpe?g|avi|ogv|flv|wmv)$ {
    location ~ ^/site2 {
        rewrite ^(/site2)(.*) /$2 break;
        proxy_pass http://production-site2;
    }

    location ~ ^/(?!site2) {
        proxy_pass http://production-site1;
    }

    expires 7d;
    access_log off;
}

# svg, fonts
location ~* \.(?:svgz?|ttf|ttc|otf|eot|woff|woff2)$ {
    location ~ ^/site2 {
        rewrite ^(/site2)(.*) /$2 break;
        proxy_pass http://production-site2;
    }

    location ~ ^/(?!site2) {
        proxy_pass http://production-site1;
    }

    add_header Access-Control-Allow-Origin "*";
    expires 7d;
    access_log off;
}

使用反向代理通过URL路径提供不同的资产

1 个答案: