106

当我重新加载使用 express 制作的网站时，我在 Safari（不是 Chrome）中得到一个空白页面，因为 NodeJS 服务器向我发送了 304 状态代码。

如何解决这个问题？

当然，这也可能只是 Safari 的问题，但实际上它在所有其他网站上都可以正常工作，所以它也必须是我的 NodeJS 服务器上的问题。

为了生成页面，我将 Jade 与res.render.

更新：似乎出现此问题是因为 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);
    }
}
4

7 回答 7

123

最简单的解决方案：

app.disable('etag');

如果您想要更多控制权，请在此处替代解决方案：

http://vlasenko.org/2011/10/12/expressconnect-static-set-last-modified-to-now-to-avoid-304-not-modified/

于 2014-05-16T23:48:41.927 回答
3

尝试在 Safari 中使用隐私浏览或删除整个缓存/cookie。

当浏览器认为它的缓存中有网站但实际上没有时，我在使用 chrome 时遇到了一些类似的问题。

使服务器响应 304 的 http 请求部分是 etag。似乎 Safari 在没有相应缓存的情况下发送了正确的 etag。

于 2013-09-15T20:07:35.313 回答
3

正如您所说，SafariCache-Control: max-age=0在重新加载时发送。Express（或更具体地说，Express 的依赖项，node-fresh）在Cache-Control: no-cache收到标头时会考虑缓存陈旧，但对于Cache-Control: max-age=0. 据我所知，它可能应该。但我不是缓存专家。

解决方法是更改​​（当前的）第 37 行node-fresh/index.jsfrom

if (cc && cc.indexOf('no-cache') !== -1) return false;

至

if (cc && (cc.indexOf('no-cache') !== -1 ||
  cc.indexOf('max-age=0') !== -1)) return false;

我分叉了 node-fresh 和 express 以将此修复程序包含在我的项目的package.jsonvianpm中，您也可以这样做。这是我的叉子，例如：

https://github.com/stratusdata/node-fresh https://github.com/stratusdata/express#safari-reload-fix

safari-reload-fix 分支基于 3.4.7 标签。

于 2014-01-10T01:43:41.967 回答
3

我在 Safari 和 Chrome（我测试过的唯一一个）中遇到了同样的问题，但我只是做了一些似乎可行的事情，至少自从我添加了解决方案后，我无法重现该问题。我所做的是使用生成的时间戳将元标记添加到标题中。似乎不对，但很简单:)

<meta name="304workaround" content="2013-10-24 21:17:23">

更新 PS 据我所知，当我删除我的节点代理（代理我指的是 express.vhost 和 http-proxy 模块）时，问题就消失了，这很奇怪......

于 2013-10-24T19:26:41.047 回答
1

老问题，我知道。不需要禁用缓存工具，也不是管理问题的最佳方法。通过禁用缓存设施，服务器需要更加努力地工作并产生更多流量。此外，浏览器和设备需要更加努力地工作，尤其是在移动设备上，这可能是个问题。

在浏览器中使用 Shift 键+重新加载按钮可以轻松解决空白页面。

空页可能是以下原因造成的：

  • 您的代码中的错误
  • 在测试时，您提供了一个由浏览器缓存的空页面（您不记得了）
  • Safari 中的错误（如果有，请向 Apple 报告，不要尝试自行修复）

首先尝试 Shift 键盘键 + 重新加载按钮，看看问题是否仍然存在并查看您的代码。

于 2018-09-10T12:55:34.890 回答
0
  • 操作系统：Windows
  • 浏览器：Chrome

我使用Ctrl + F5了键盘组合。通过这样做，而不是从缓存中读取，我想得到一个新的响应。解决方案是硬刷新页面。

在MDN 网络文档上：

“HTTP 304 Not Modified 客户端重定向响应代码表示不需要重新传输请求的资源。它是对缓存资源的隐式重定向。”

于 2021-01-11T15:22:45.200 回答
-4 
// just add * in URL
    
app.get('/api*', (req, res)=>{

// do something 

});
于 2021-07-04T09:05:22.980 回答