如何使反应阻止浏览器缓存外部加载的html？

Question

我正在使用dangerouslySetInnerHTML方法从服务器加载动态html。我遇到的问题是，文件已被缓存，并且重新加载文件未显示对其所做的更改。

除了使用<meta>标签以防止仅缓存加载的html之外，是否还有任何react方法？

Answer 1

解决此问题的一种简单方法是在您要获取html的URL中添加一个参数。像这样：

const data = fetch('https://example.com/myapi/foobar?' + Date.now(), {...});

，或者根据需要使用模板文字：

const data = fetch(`https://example.com/myapi/foobar?${Date.now()}`, {...});

这会将当前的unix时间戳连接到您的url，从而使其始终唯一，从而防止浏览器对其进行缓存。