为什么 http-auth 不适用于 express.static 中间件？

Question

我正在尝试使用http-auth 模块设置一个简单的身份验证。

我已创建此设置，但无法正常工作。提示用户/密码的对话框出现，但如果我关闭该对话框，应用程序将继续工作，也就是说，身份验证似乎不起作用。

似乎这不起作用，因为我尝试将这个 http-auth 设置为在我的静态文件夹 www 中工作。

我的app.js 是基于this one。

这是我的设置：

'use strict';

var express = require('express');
var app = express();
var auth = require('http-auth');

app.use(express.static('www'));

var basic = auth.basic({
  realm: 'SUPER SECRET STUFF'
}, function(username, password, callback) {
  callback(username == 'username' && password == 'password');
});

app.use("/", auth.connect(basic));

app.set('port', (process.env.PORT || 4000));
app.listen(app.get('port'), function() {
  console.log('Node app is running on port', app.get('port'));
});

Answer 1

如果您浏览 http://localhost:4000/，您的示例将完美运行，点击取消后您会看到 401 消息，而不是您可以添加到 / 路由的内容（现在您没有路由处理程序）。

要使其适用于静态文件，您只需要启用静态文件的身份验证，如下所示：

'use strict';

var express = require('express');
var app = express();
var auth = require('http-auth');

var basic = auth.basic({
    realm: 'SUPER SECRET STUFF'
}, function(username, password, callback) {
    callback(username == 'username' && password == 'password');
});

app.use(auth.connect(basic));
app.use(express.static('www'));

app.set('port', (process.env.PORT || 4000));
app.listen(app.get('port'), function() {
    console.log('Node app is running on port', app.get('port'));
});

您可能注意到身份验证中间件 auth.connect 应该在静态文件中间件 express.static 之前声明，并且没有路由前缀，因为您的静态文件中间件没有路由前缀。