노드에서 gzip 파일을 제공하면 브라우저에서 net :: ERR_CONTENT_DECODING_FAILED가 throw됩니다.

Question

일부 정적 압축 파일을 제공하기 위해이를 수행하려고합니다. https://medium.com/@rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a

gpack 압축 플러그인을 사용하여 gzip 파일을 생성하고 있습니다.

내 서버에이 미들웨어가 있습니다.

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

것은 내가 브라우저에서 나는 가 정확히 http://localhost:8080/app.js 순 : 나는 아직도 뭔가를해야, 아마

을 ERR_CONTENT_DECODING_FAILED하지만 생각을지고있어, 응용 프로그램을 실행하고있을 때.

당신이 콘텐츠 형식을 놓치고처럼

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