如何让apache服务gzip文件？

Question

Front end: Angular Back end: PHP Server: Apache

1. Compress files with webpack plugin (bundle.js.gz)

2. Run but I get errors. Uncaught SyntaxError: Invalid or unexpected token bundle.js.gz:1

3. Status code is 200 and Headers looks like

   Accept-Encoding: gzip, deflate, br

What do I miss?

Answer 1

What you want to do is serve pre-compressed content. (bundle.js.gz) Add the following part to your site.conf and reload.

<IfModule mod_headers.c>
    # Serve gzip compressed CSS and JS files if they exist
    # and the client accepts gzip.
    RewriteCond "%{HTTP:Accept-encoding}" "gzip"
    RewriteCond "%{REQUEST_FILENAME}\.gz" -s
    RewriteRule "^(.*)\.(css|js)"         "$1\.$2\.gz" [QSA]

    # Serve correct content types, and prevent mod_deflate double gzip.
    RewriteRule "\.css\.gz$" "-" [T=text/css,E=no-gzip:1]
    RewriteRule "\.js\.gz$"  "-" [T=text/javascript,E=no-gzip:1]

    <FilesMatch "(\.js\.gz|\.css\.gz)$">
      # Serve correct encoding type.
      Header append Content-Encoding gzip

      # Force proxies to cache gzipped &
      # non-gzipped css/js files separately.
      Header append Vary Accept-Encoding
    </FilesMatch>
</IfModule>