nginx 開啟靜態 gzip 配合 Vue 構建

2022-09-06 14:33:17 字數 375 閱讀 8253

在站點配置新增如下**:

location ~* \.(css|js)$

這是 nginx 的靜態 gzip功能,會自動查詢對應副檔名的檔案,如果存在 gzip 檔案,就使用,如果沒有就用原檔案

配合 vue-cli 的構建工具,開啟 config/index.js 中的

productiongzip: true

vue預設沒有安裝相應webpack 外掛程式,需要手動安裝一下:

npm install --s**e-dev compression-webpack-plugin

build 時會看到多打出很多 .gz 的包就ok啦~

refer: 論壇文章

nginx 開啟gzip壓縮

一 背景介紹 歷史遺留問題,在專案建立初期前端力量薄弱,大部分image js css與業務應用存放在一起,未上傳到cdn中,最終導致 訪問緩慢,經過排查由於靜態資源大量消耗頻寬。接下來介紹通過nginx的gzip對靜態資源進行壓縮,減少頻寬消耗。二 gzip gzip是gnu zip的縮寫,它是乙...

nginx開啟gzip壓縮

最近研究vue有點上道了,打包了乙個demo扔到測試伺服器上練練部署和調優,記錄一下nginx開啟gzip壓縮的方法 修改nginx站點的配置檔案 sudo vim etc nginx sites enabled default.conf 配置修改如下,注意nginx配置檔案語法要求每行末尾必須以 ...

Nginx 開啟Gzip壓縮的方法

將下面 貼上入nginx.conf檔案的http段 重啟nginx即可 下面詳細講解各個配置說明 gzip on 該指令用於開啟或關閉gzip模組 on off gzip min length 1k 設定允許壓縮的頁面最小位元組數,頁面位元組數從header頭得content length中進行獲取...