Nginx：我想http2_push一个目录下的所有js和css文件怎么办？

Question

由于 css 和 js CMS 插件 minifycation 过程，文件是动态创建和删除的，并且名称会随着时间而变化，如何在 Nginx 推送的目录上执行所有 js 和 css？

我试试看

index index.php;

http2_push 'path/to/files'   *min.css; #not working
http2_push 'path/to/files'    *min.js;  #not working
http2_push 'path/to/file' favicon.ico; #works fine

请原谅我的语言我不是英语母语

感谢您的宝贵时间

更新：在寻找无聊的解决方案后，我决定走很长的路，我修改了基础插件以创建一个自定义插件，它每次都创建具有定义名称的文件，而不是一个具有动态名称的文件，我已经删除了所有通过从生成的静态文件中删除 $ ctime 和 $ hash 来表示信息的文本字符串。

index index.php;

http2_push 'path/to/files' static-name.min.css; #working
http2_push 'path/to/files' static-name.min.js;  #working

http2_push 'path/to/file/' *.min.js; # 仍然不起作用，但它不再重要了，感谢您的回答。

Answer 1

让 PHP 为你做这件事。

首先在 Nginx 中设置如下配置：

http2_push_preload on

然后让 PHP 在对 index.php 的响应中发送预加载链接 HTTP 标头：

header('Link: </styles/file.css>;rel=preload;as=style>');

然后，Nginx 将使用预加载的 HTTP 标头作为发送 HTTP/2 推送请求的指令。

这假设您的 PHP 代码知道您要推送的文件或可以找到。

使用预加载提示还意味着 HTTP/1.1 请求也会获得预加载提示，这会告诉浏览器在解析返回的 HTML 之前尽快请求这些提示。

此选项的主要缺点是您 1) 不能对静态资源执行此操作（例如，如果使用 index.html 而不是 index.php）以及 2) 它不会在索引之前开始推送。 php 响应已准备就绪。对于后者，HTTP Status 103 Early Hints 允许快速响应，但找不到任何表明 Nginx 支持这个相对较新的 HTTP Header 的信息。