Serve Gzip-Dateien in Node-Würfe net :: ERR_CONTENT_DECODING_FAILED in Browser

Question

Ich versuche, dies zu folgen, um einige statische komprimierte Dateien zu dienen. https://medium.com/@rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a

Ich benutze Webpack-Kompression-Plugin, um die Gzip-Dateien zu generieren.

Auf meinem Server habe ich diese Middleware.

app.get('*.js', function (req, res, next) { 
    req.url = req.url + '.gz'; 
    res.set('Content-Encoding', 'gzip'); 
    next(); 
}); 

Als ich bin mit der App, ich bin immer GET http://localhost:8080/app.js net :: ERR_CONTENT_DECODING_FAILED

Wahrscheinlich im Browser, ich habe noch etwas mehr, aber keine Ahnung, das zu tun, was genau.

Danke, Ionut

Answer 1

Sieht aus wie Sie den Inhaltstyp sind vermisst. Verwenden Sie diesen Code in Ihrem Express-Server:

app.get('*.js', function(req, res, next) { 
    req.url = req.url + '.gz'; 
    res.set('Content-Encoding', 'gzip'); 
    res.set('Content-Type', 'text/javascript'); 
    next(); 
}); 

app.get('*.css', function(req, res, next) { 
    req.url = req.url + '.gz'; 
    res.set('Content-Encoding', 'gzip'); 
    res.set('Content-Type', 'text/css'); 
    next(); 
});