当我重新加载一个用express制作的网站时,我得到一个使用Safari (而不是Chrome)的空白页面,因为NodeJS服务器会给我一个304状态代码。
如何解决这个问题?
当然,这也可能只是Safari的一个问题,但实际上它在所有其他网站上都可以很好地工作,所以在我的NodeJS服务器上也一定是一个问题。
为了生成页面,我使用了带有res.render
的Jade。
更新:似乎这个问题的发生是因为Safari在重新加载时发送了'cache-control': 'max-age=0'
。
更新2:我现在有一个变通办法,但有没有更好的解决方案?解决方法:
app.get('/:language(' + content.languageSelector + ')/:page', function (req, res)
{
// Disable caching for content files
res.header("Cache-Control", "no-cache, no-store, must-revalidate");
res.header("Pragma", "no-cache");
res.header("Expires", 0);
// rendering stuff here…
}
更新3:,因此完整的代码部分当前为:
app.get('/:language(' + content.languageSelector + ')/:page', pageHandle);
function pageHandle (req, res)
{
var language = req.params.language;
var thisPage = content.getPage(req.params.page, language);
if (thisPage)
{
// Disable caching for content files
res.header("Cache-Control", "no-cache, no-store, must-revalidate");
res.header("Pragma", "no-cache");
res.header("Expires", 0);
res.render(thisPage.file + '_' + language, {
thisPage : thisPage,
language: language,
languages: content.languages,
navigation: content.navigation,
footerNavigation: content.footerNavigation,
currentYear: new Date().getFullYear()
});
}
else
{
error404Handling(req, res);
}
}
发布于 2014-05-17 07:48:42
最简单的解决方案:
app.disable('etag');
如果您想要更多控制,请在此处提供替代解决方案:
发布于 2013-09-16 04:07:35
尝试在Safari中使用私人浏览或删除整个缓存/cookie。
我在使用chrome时遇到过一些类似的问题,当时浏览器认为它的缓存中有网站,但实际上并非如此。
使服务器响应A304的http请求的部分是etag。似乎Safari在没有相应缓存的情况下发送了正确的etag。
发布于 2013-10-25 03:26:41
我在Safari和Chrome (我测试过的唯一的浏览器)中也遇到了同样的问题,但我只是做了一些似乎可以工作的事情,至少自从我添加了解决方案后,我还没有能够重现这个问题。我所做的就是使用生成的时间戳将元标记添加到标头中。看起来不太对,但很简单:)
<meta name="304workaround" content="2013-10-24 21:17:23">
更新 P.S据我所知,当我删除我的节点代理(代理,我指的是express.vhost和http-proxy模块)时,问题就消失了,这很奇怪……
https://stackoverflow.com/questions/18811286
复制相似问题