Wysyłaj dodatkowe nagłówki http za pomocą Express.JS

Question

Mam kilka statycznych stron obsługiwanych przez Express.JS. Konfiguracja jest prosta:

var app = express(); 

app.configure(function(){ 
    app.use(express.static(path.join(application_root, "StaticPages"))); 
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); 
}); 

Chcę odpowiedź na to dodatkowe nagłówek HTTP (Access-Control-Allow-Origin: *). Gdzie należy go umieścić? Próbowałem poniżej próbki, ale oczywiście pojawia się nagłówek tylko na stronie domyślnej:

app.get('/', function(req, res){ 
    res.setHeader("Access-Control-Allow-Origin", "*"); 
    res.send('Hello World'); 
}); 

Dzięki.

Answer 1

Próbowałem poniżej próbki, ale oczywiście pojawia się nagłówek tylko na domyślnej stronie

Tak, to dlatego, że określono ją tylko na trasie GET / a nie dla innych ścieżek. Zamiast tego należy użyć oprogramowania pośredniego.

Jeśli chcesz ustawić nagłówek dla wszystkich żądań:

app.configure(function(){ 
    app.use(function(req, res, next) { 
    res.setHeader("Access-Control-Allow-Origin", "*"); 
    return next(); 
    }); 
    app.use(express.static(path.join(application_root, "StaticPages"))); 
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); 
}); 

Jeśli tylko chcesz to zrobić dla statycznych folderach, nie istnieje ogólna metoda. Prawdopodobnie możesz zmienić plik express.static (który pochodzi z connect.static). Innym sposobem na to jest dopasowanie adresów URL i ustawienie nagłówka, jeśli adres URL jest dopasowany.

app.configure(function(){ 
    app.use(function(req, res, next) { 
    var matchUrl = '/StaticFolder'; 
    if(req.url.substring(0, matchUrl.length) === matchUrl) { 
     res.setHeader("Access-Control-Allow-Origin", "*"); 
    } 
    return next(); 
    }); 
    app.use(express.static(path.join(application_root, "StaticPages"))); 
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); 
}); 

UWAGA: że potrzeba middleware być wcześniej trasy, aby efekt, innymi słowy nie można umieścić middleware po statycznym middleware.

Answer 2

Innym sposobem:

app.use(express.static(
    path.join(application_root, "StaticPages"), 
    { 
     setHeaders: (res) => { 
      res.setHeader('Access-Control-Allow-Origin', '*') 
     } 
    } 
))