Question

我正在构建一个单页应用程序，使用Express作为后端，AngularJS作为前端，我遇到了一些缓存问题。

我没有使用快速查看，只使用express.static中间件提供文件。

我的静态文件位于public/app或public/dist，具体取决于环境（dist已缩小文件）。

app.use app.router
app.use express.static(cwd + '/public/' + publicFolder, maxAge: MAX_AGE)

当请求'/'时，app.router会验证用户是否已登录，如果一切正常，则index.html通过express.static提供服务（我只需在控制器中调用next() ）。如果用户未登录，则会将其重定向到login.html

我的问题是，如果我设置了maxAge，我的index.html文件会被缓存，第一个'/'请求不会通过router。即使我没有登录，我也可以进入该应用程序。

如果我将maxAge设置为0，问题就会消失，但我想要缓存所有* .js和* .css文件。

解决这类问题的正确方法是什么？开始使用视图？不同的express.static挂载点？

Answer 1

您始终可以定义单个路径而无需使用视图（尽管视图模板不是一个坏主意）。通过这种方式，您可以定义index.html仅应用特殊情况maxAge。

请确保将路由置于静态中间件之前。

如果您希望甚至可以使用send，那么static中间件在后台使用的静态服务器也是如此。类似的东西：

// install send from npm
var send = require("send");

app.get("/index.html", function (req, res) {
  send(req, "/index.html")
    .maxage(0)
    .root(__dirname + "/public")
    .pipe(res);
});

或更低级别的流方式，如：

app.get("/index.html", function (req, res) {
  res.setHeader('Content-Type', 'text/html');
  res.setHeader('Cache-Control', 'public, max-age=0');

  // Note that you'd probably want to stat the file for `content-length`
  // as well.  This is just an example.

  var stream = fs.createReadStream(__dirname + '/public/index.html');
  stream.pipe(res);
});

Express - 为某些文件设置不同的maxAge

1 个答案: