Angular2 GZIP проблема, когда я запускаю приложение

Question

У меня есть приложение с угловым шрифтом2.

Я принимаю Firebase и использую cloudflare для скорости, кеширования и защиты.

Заголовок браузер говорит: Accept-Encoding: GZIP, выкачать, SDCH, уш

Это конвертируется в app.js файл и уменьшенная теперь 1.6MB.

I then GZIP Сжатый этот файл app.js.

Я хочу использовать файл app.js, который теперь сжат GZIP, а не оригинальный файл app.js 1.6mb. Поэтому, я указываю на файл app.js.gz на моей странице index.html, и я получаю ошибку браузера под названием:

app.js.gz: 1 неперехваченным SyntaxError: Invalid или неожиданный маркер

Ниже приведен скриншот моего файла app.js и index.html.

Позвольте мне знать, если вы запрашиваете какие-либо больше информации или экран грейферов.

Кажется, мне нужно сделать что-то еще, чтобы оно работало. Должен ли я использовать некоторые настройки cloudflare, чтобы принять файл .gz или что-то еще?

Answer 1

Эти gzips являются мясом для веб-серверов, которые могут использовать предварительно загруженные файлы, которые им не нужны, чтобы их обрабатывать с каждым запросом или кэшировать. После этого js передается сжатым, а браузер/облачный флаг обрабатывает остальные. Поэтому вам не нужно редактировать теги скриптов, чтобы использовать gzip или не использовать его.

Но вы можете просто использовать nginx и включить gzip (и не использовать .gz) для нескольких запросов от cloudflare.