问如何在React中处理静态文件的状态代码
EN

Stack Overflow用户

提问于 2021-03-02 03:50:32

回答 1查看 47关注 0票数 2

我已经创建了一个简单的web应用程序，在前端反应，在后端。我不是react方面的专家。

我正在测试性能，注意到react返回的是已经缓存的静态内容(jpg、png等)的状态代码200，而不是未修改的304。

在下图中，您可以看到a)直接从浏览器读取的图像触发了状态代码304状态代码(这是预期的)，以及b)从react浏览的相同图像触发了200状态代码(这不是预期的)。

我在前端的依赖项是：

"react": "16.8.4",
"react-dom": "16.8.4",
"react-google-recaptcha-v3": "^1.8.0",
"react-redux": "6.0.1",
"react-router-dom": "^5.2.0",

所以，我的问题是，是否有一种方法来处理状态代码，使react-dom.production.min.js为所有已缓存的静态资产返回304状态代码，或者是否react为所有图像设计返回200状态代码。

任何关于这方面的信息都是值得感谢的。

发布于 2021-03-02 04:06:51

在react产品代码的根目录中创建一个新的.htaccess文件(如果没有)。然后将您的缓存策略规则添加到文件中。看看这个link。该链接提到了与apache的.htaccess，但同样适用于静态站点主机，如Netlify或Firebase托管。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66428701

复制

相似问题

问如何在React中处理静态文件的状态代码EN