服務節點中的gzip文件在瀏覽器中拋出net :: ERR_CONTENT_DECODING_FAILED

Question

我想要遵循這個以便爲一些靜態壓縮文件提供服務。 https://medium.com/@rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a

我正在使用webpack壓縮插件來生成gzip文件。

在我的服務器上有這個中間件。

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

當我運行的應用程序，在瀏覽器中我得到 GET http://localhost:8080/app.js網:: ERR_CONTENT_DECODING_FAILED

可能，我還要做更多的東西，但不知道究竟是什麼。

謝謝，Ionut

Answer 1

看起來像缺少內容類型。在快遞服務器中使用此代碼：

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(); 
});