运行我的应用程序时出现Angular2 GZIP问题

时间:2016-12-08 19:47:08

标签: javascript angular gzip systemjs cloudflare

我有一个angular2打字稿应用程序。

我使用Firebase托管并使用cloudflare进行速度,缓存和保护。

浏览器标题说:accept-encoding:gzip,deflate,sdch,br

这会转换为app.js文件,现在缩小为1.6mb。

然后GZIP压缩了这个app.js文件。

我想要使用现在是GZIP压缩的app.js文件,而不是原始的1.6mb app.js文件。因此,我指向index.html页面中的 app.js.gz文件,我收到一个名为的浏览器错误:

app.js.gz:1未捕获的SyntaxError:无效或意外的令牌

下面是我的app.js文件和index.html的屏幕抓取。

enter image description here

如果您要求更多信息或屏幕抓取,请与我们联系。

似乎我需要做一些其他事情以使其发挥作用。 我是否需要进行一些cloudflare设置才能接受.gz文件?

1 个答案:

答案 0 :(得分:2)

这些gzips是web服务器的肉,可以使用pregzipped文件,他们没有必要随每个请求gzip或缓存它。 然后它转换压缩的js,浏览器/ cloudflare处理其余的。因此,您不必编辑脚本标记以使用gzip或不使用它。

但你可以简单地使用nginx并在那里启用gzip(并且不要使用.gz)来处理来自cloudflare的少量请求。