與 app.use(express.static(...)) 相關的 next() 中間件/路由是什么？

Question

我可以像這樣提供 static 資產（我由npm run build React 源代碼創建）：

app.use('/', express.static(path.join(__dirname, 'apps', 'home', 'build')))

如果我想保護 URL 及其 static 資產，我可以這樣做：

app.use(function(req, res, next) {
  if (!req.isAuthenticated()) {
    res.redirect('/login');
  }
  else {
    app.use('/profile', express.static(path.join(__dirname, 'apps', 'profile', 'build')))
    next();
  }
});

如果我不在那里調用next() ，那么當我在/profile進行經過身份驗證的嘗試時，程序就會掛起。

接下來調用哪些中間件/路由？ 如果沒有身份驗證， app.use(express.static(...))似乎在沒有next()的情況下提供 static 資產沒有問題。 為什么我現在需要它？ 我沒有為/profile或類似的東西定義 GET 路由。

Answer 1

動態附加中間件以響應請求是不正確的。 （經過身份驗證的請求將使所有未來的請求都無需使用該代碼進行身份驗證。）相反，您應該將授權檢查中間件放在文件服務中間件之前，以允許它攔截請求。

const requireAuthentication = (req, res, next) => {
  if (!req.isAuthenticated()) {
    res.redirect('/login');
  } else {
    next();
  }
};

app.use('/profile',
  requireAuthentication,
  express.static(path.join(__dirname, 'apps', 'profile', 'build')));