9

我对 node.js、Express 和移动开发相对较新，并且遇到了一个我认为与使用 Express 发送标头有关的问题。

用户从主页'/'开始，未登录，然后单击按钮进入登录页面。当他们向“/validate_signin”提交用户名和密码时，他们应该被重定向回主页，这一次主页显示不同，因为他们已登录。

重定向是这样工作的：

res.redirect('/');

这在我的笔记本电脑上运行良好，但在我的手机上，它在旧状态下重定向到“/”，大概是因为缓存。如果我在手机上刷新页面，“/”将按原样显示。

我找到了这篇文章： 如何控制所有浏览器的网页缓存？

已尝试以以下两种方式（分别）设置标头，但它们似乎没有发送：

res.header("Cache-Control", "no-cache, no-store, must-revalidate");
res.header("Pragma", "no-cache");
res.header("Expires", 0);

res.writeHead(302, {
    "location": "/",
    "Cache-Control" : "no-cache, no-store, must-revalidate",
    "Pragma": "no-cache",
    "Expires": 0
});

以下是我目前收到的标头：

HTTP/1.1 304 Not Modified
X-Powered-By: Express
Date: Fri, 13 Jul 2012 17:35:18 GMT
Cache-Control: public, max-age=0
Last-Modified: Fri, 13 Jul 2012 12:32:12 GMT
Etag: "3223-1342182732000"
Accept-Ranges: bytes
Connection: keep-alive

有任何想法吗？

非常感谢。

4

1 回答 1

10

我会发表评论，但我今天才加入，没有任何声望点。

如果我理解正确，您正在使用 express.static 提供页面（因此它只是一个纯 HTML 页面），但如果用户已登录，您使用 express 的路由器，对吗？

我也猜你把提到的代码设置在主页的路由中。

如果是这种情况，您的问题不是浏览器缓存，而是由于connect中间件的性质而发生的。

中间件在链中执行，完成后调用下一个，这意味着，如果我假设正确，express.static 在您的路由器之前被调用，它只是为静态 HTML 页面提供服务。

所以你的路由永远不会被执行，因为 express.static 不会调用next()（由于一个明显的原因，文件存在）。

希望我猜对了。

编辑：

看来我猜错了。您确实说过它在您的笔记本电脑上运行良好，因此它看起来肯定是客户端缓存问题。

我仍然不确定您如何使用 express.static() 显示不同的主页，或者您将上面提到的代码放在哪里，我将在没有看到您的代码的情况下试一试，但我可能需要它并且别人是为了帮助你。

这些响应头应该在第一个响应中设置（当您访问主页时），它与重定向无关。现在让我们把重定向部分放在一边。

我写了一个快速（快速）的例子：

var express = require('express'),
    http = require('http')
    app = express();

app.configure(function() {
  app.set('port', process.env.PORT || 3000);
  app.use(express.logger('dev'));

  /*
  * Here's where I set the headers, make sure it's above `express.static()`.
  * 
  * Note: You can safely ignore the rest of the code, (it's pretty much "stock").
  */
  app.use(function noCachePlease(req, res, next) {
    if (req.url === '/') {
      res.header("Cache-Control", "no-cache, no-store, must-revalidate");
      res.header("Pragma", "no-cache");
      res.header("Expires", 0);
    }

    next();
  });

  app.use(express.static(__dirname + '/public'));
});

app.configure('development', function() {
  app.use(express.errorHandler());
});

http.createServer(app).listen(app.get('port'), function() {
  console.log("Express server listening on port " + app.get('port'));
});

此代码指示我的浏览器不要缓存该页面。

我在没有noCachePlease中间件的情况下得到的响应标头：

Accept-Ranges   bytes
Cache-Control   public, max-age=0
Connection  keep-alive
Content-Length  5
Content-Type    text/html; charset=UTF-8
Date    Fri, 20 Jul 2012 19:25:38 GMT
Etag    "5-1342811956000"
Last-Modified   Fri, 20 Jul 2012 19:19:16 GMT
X-Powered-By    Express

我通过noCachePlease中间件获得的响应标头：

Accept-Ranges   bytes
Cache-Control   no-cache, no-store, must-revalidate
Connection  keep-alive
Content-Length  5
Content-Type    text/html; charset=UTF-8
Date    Fri, 20 Jul 2012 19:26:08 GMT
Etag    "5-1342811956000"
Expires 0
Last-Modified   Fri, 20 Jul 2012 19:19:16 GMT
Pragma  no-cache
X-Powered-By    Express

如您所见，它可以工作，但您可以自己运行此代码。

如果要运行它，则需要在全局express下安装或安装（带有标志）。node_modules-g

于 2012-07-20T03:05:36.653 回答