2016-11-29 45 views
0

工作,我有一些壓縮JavaScript文件nginx的被服務:gzip_static不是nginx的

<script type="application/javascript" src="js/shim.min.js.gz"></script> 
<script type="application/javascript" src="js/zone.js.gz"></script> 

但現在看來,nginx的是爲他們服務的文本/純導致瀏覽器錯誤:

SyntaxError: illegal character shim.min.js.gz:1 

望着頭,這是響應:

Content-Encoding:gzip 
Content-Type:text/plain 
Date:Tue, 29 Nov 2016 18:03:01 GMT 
ETag:W/"583ce194-68b3" 
Last-Modified:Tue, 29 Nov 2016 02:01:56 GMT 
Server:nginx/1.10.2 
Vary:Accept-Encoding 

這裏是我的nginx.conf:

worker_processes 4; 

events { worker_connections 1024; } 

http { 
include /etc/nginx/mime.types; 

gzip on; 
gzip_static on; 
gzip_disable "msie6"; 

gzip_vary on; 
gzip_comp_level 5; 
gzip_buffers 16 8k; 
gzip_http_version 1.0; 
gzip_min_length 256; 
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon; 

     upstream node-app { 
       server node1:3000 weight=10 max_fails=3 fail_timeout=30s; 
     } 

     server { 
       listen 80; 
       index index.html 
       error_log /var/log/nginx/error.log; 
       access_log /var/log/nginx/access.log; 
       root /var/www/public; 

       location /api { 
       proxy_pass http://node-app; 
       proxy_http_version 1.1; 
       proxy_set_header Upgrade $http_upgrade; 
       proxy_set_header Connection 'upgrade'; 
       proxy_set_header Host $host; 
       proxy_cache_bypass $http_upgrade; 
       } 
     } 
} 

我把gzip_static設置爲打開狀態,但它似乎沒有工作。我使用nginx的泊塢窗圖像:

>nginx:1.10.2-alpine

該圖像編譯gzip的靜態模塊:

--with-http_gzip_static_module

如果我解壓縮JavaScript和爲他們提供未壓縮的一切工作正常。 MIME類型有問題嗎?這工作正常:

<script type="application/javascript" src="js/shim.min.js"></script> 
<script type="application/javascript" src="js/zone.js"></script> 

回答

1

Module ngx_http_gzip_static_module

的ngx_http_gzip_static_module模塊允許發送預壓縮的「廣州」文件擴展名,而不是常規文件文件。

gzip_static

啓用(「ON」)或禁止(「關」)檢查的預壓縮的文件的存在

我們必須有支持的壓縮客戶端(/some/path/js/filename.js.gz)和不支持(/some/path/js/filename.js)兩個文件。

可以使用gzip命令或任何其他兼容的文件壓縮文件。

使用在你的HTML:

<script type="application/javascript" src="/js/filename.js"></script> 

和nginx的將返回給客戶端的文件之一。

建議原始文件和壓縮文件的修改日期和時間相同。