解決Vue打包文件大,首次加載慢的問題

未壓縮前的

壓縮后的

那么如何壓縮的呢,接著往下看

1.首先在config/index.js里把productionGzip設置為true(以生產環(huán)境為例)

2.配置Nginx

找到nginx.config

http {

????gzip on; #開啟或關閉gzip on off

????gzip_static on;#是否開啟gzip靜態(tài)資源

????gzip_disable "msie6"; #不使用gzip IE6

? ? gzip_min_length 100k;? #gzip壓縮最小文件大小,超出進行壓縮(自行調節(jié))

? ? gzip_buffers 4 16k; #buffer 不用修改

? ? gzip_comp_level 3;? #壓縮級別:1-10,數字越大壓縮的越好,時間也越長

? ? gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;? #? ? ? ? 壓縮文件類型? ?

????gzip_vary off;? ? ? #跟Squid等緩存服務有關,on的話會在Header里增加 "Vary: Accept-Encoding"

}

這里的gzip_static是設置靜態(tài)壓縮用的,具體功能可以自行百度下。

3.重啟Nginx,完活。


支持gzip的會有這么一個屬性,一目了然
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容