node.js - 在 Node 中提供 gzip 文件会在浏览器中抛出 net::ERR_CONTENT_DECODING_FAILED

Question

我正在尝试遵循此方法来提供一些静态压缩文件。 https://medium.com/@rajaraodv/two-quick-ways-to-reduce-react-apps-size-in-production-82226605771a

我正在使用 webpack 压缩插件来生成 gzip 文件。

new CompressionPlugin({
    asset: '[path].gz[query]',
    algorithm: 'gzip',
    test: /\.(js|css)$/,
    deleteOriginalAssets: true
})

在我的服务器上我有这个中间件。

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

也许，我还需要做更多的事情，但不知 Prop 体是什么。

谢谢你，艾奥努特

Answer 1

您似乎缺少内容类型。在您的 Express 服务器中使用此代码:

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