响应应用程序与图像缓存控制

Question

我不知道如何为我的 React 应用程序使用缓存控制，有人可以帮助我吗？当我在 Nginx 中设置它时，图像没有加载，我明白这是因为当我构建我的静态资产时，我的静态资产被重命名了。那么有人可以给我一个可以用于此的解决方案吗？

如果这有帮助，这里是网站，您可以运行 Light House https://longislandbrainandspine.com/

Answer 1

缓存控制头需要在服务器配置中定义。您可以像这样为所有静态资产设置基于正则表达式的查询路径

location ~* \.(?:ico|css|js|gif|jpe?g|png)$ {
    root /folder_where_your_assets_are;
    expires 30d;
    add_header Vary Accept-Encoding;
    add_header Pragma public;
    add_header Cache-Control public;
}

这应该是在服务器级别的配置下。