React 应用程序与图像的缓存控制

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

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