0

我一直在到处搜索,试图找到从不同子目录中提供静态内容的解决方案。这就是我的意思。所有静态内容位于:

/usr/share/nginx/www/www.example.com/skin/

图片、JavaScript 库和样式表:

/usr/share/nginx/www/www.example.com/skin/css/

/usr/share/nginx/www/www.example.com/skin/img/

/usr/share/nginx/www/www.example.com/skin/js/

这些目录中的每一个css,都有许多其他子目录。imgjs

问题: 如果您查看我的服务器配置,您会看到所有请求都由 index.phtml 处理,其中包括 autoloader.php 以根据请求的 URI 动态加载适当的内容。

我面临的问题是具有相对路径的静态内容不会为动态 URL 加载:

即 JavaScript 库的相对路径:skin/js/library/helloWorld.js

这有效: https ://www.example.com/skin/js/library/helloWorld.js

这不起作用:

https://www.example.com/foo/skin/js/library/helloWorld.js

https://www.example.com/foo/bar/skin/js/library/helloWorld.js

因为 URL 是完全动态的,所以我需要能够在 /skin/{...} 之前使用任意数量的子目录提供静态内容

https://www.example.com/ {任意数量的动态子目录}/skin/js/library/helloWorld.js

我的问题: 是否可以修改 $uri 以省略{any number of dynamic sub-directories}并重写从 /skin/{...} 到https://www.example.com/skin/ {...} 的所有内容?

location ^(.*)/skin/(.*)\.(jpeg|jpg|gif|png|ico|svg|css|js)$ {
    # Something like:
    # rewrite ^ https://www.example.com/skin/{requested static content} break;
    # or 
    # try_files /skin/{requested static content};
}

我的服务器配置:

server {
    listen 80;
    server_name example.com www.example.com;
    rewrite ^ https://www.example.com$uri permanent;
}

server {
    listen 443 default_server ssl;

    add_header Strict-Transport-Security max-age=31536000;
    add_header X-Frame-Options SAMEORIGIN;

    root /usr/share/nginx/www/www.example.com;
    index index.phtml;

    server_name example.com www.example.com;

    if ($host !~* ^www\.) {
        rewrite ^ https://www.example.com$uri permanent;
    }

    location ^~ /autoloader.php {
            deny all;
    }

    location / {
            try_files $uri $uri/ /index.phtml;
    }

    error_page 500 502 503 504 404 403 /error.phtml;
}

可能的解决方案

这些是我想避免的解决方案:

  • 使用绝对路径链接静态内容。(不利于域名更改)
  • location在我的服务器配置中为 /skin/ 中的每个子目录添加。(非动态)
  • 在我的 index.phtml 中解析静态内容请求。(看起来很乱……)

对不起,很长的帖子。我只是想澄清一下我的情况。多谢你们!

4

2 回答 2

1

TIL:咖啡和短暂的休息可以创造奇迹哈哈。

这是一个解决方案,适用于所有可能遇到此帖子以寻找相同答案的人。

使用相对路径链接静态内容时,即 HTML 页面中的图像:

<img src="skin/img/helloWorld.jpg" />

位于 index.html 内并从https://www.example.com引用,图像将正确加载,因为相对路径将附加到 URL 的末尾,如下所示:

https://www.example.com/skin/img/helloWorld.jpg

但是如果我们将索引移动到一个子目录,比如说:

https://www.example.com/sub-directory/index.html

图像将不会加载,因为请求将如下所示:

https://www.example.com/sub-directory/skin/img/helloWorld.jpg

由于我们的skin目录位于下一级,因此请求将导致 404。

解决方案

要正确引用任何子目录中的静态内容,就像在前面的示例中一样:

https://www.example.com/sub-directory/category/post/id/index.html

用作/skin/img/helloWorld.jpg相对路径:

<img src="/skin/img/helloWorld.jpg" />

/相对路径开头的 表示从您的 Web 目录的根目录开始,然后尝试从那里找到正确的文件。在这种情况下,无论 index.html 位于何处,无论是 10 个目录深,图像的路径都将始终如下所示:

https://www.example.com/skin/img/helloWorld.jpg

所以请记住相对路径:skin/img/helloWorld.jpg并且处理方式/skin/img/helloWorld.jpg不同。

于 2013-07-23T06:36:42.363 回答
0

将静态文件请求重写为正确的目录,例如:

location ^(.*)/skin/(.*)\.(jpeg|jpg|gif|png|ico|svg|css|js)$ {
    rewrite "^.*/skin/(.*)$" /skin/$1 break;
}
于 2013-07-23T04:59:41.147 回答