Node4-5靜態資源服務器實戰以及優化壓縮文件實例內容

瀏覽器控制臺看一下RequestHeader有一個Accept-Encoding,而RespondHeaders中也會有一個Content-Encoding和他進行對應.

成都創新互聯公司專注于企業全網整合營銷推廣、網站重做改版、延平網站定制設計、自適應品牌網站建設、H5開發、商城開發、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為延平等各大城市提供網站開發制作服務。

Accept-Encoding當我們的瀏覽器發起一個文件的請求時告訴服務器支持哪幾種壓縮方式,也就是服務器用這幾種壓縮方式瀏覽器都能解壓,當服務器接收到請求后,知道瀏覽器支持的壓縮方式,服務器就會自動識別其中一種進行壓縮并且告訴瀏覽器自己用了哪個方式壓縮,瀏覽器知道后就知道用哪種對應方式解壓了

根據拓展名限制一下支持的幾鐘壓縮類型

defaultConfig.js

Node4-5靜態資源服務器實戰以及優化壓縮文件實例內容

壓縮方法 compress,js

//壓縮的方法
/**rs 肯定需要,要知道自己需要壓縮什么  客戶端(瀏覽器支持哪幾種壓縮類型),
 * req 客戶端再requestHeader中聲明的
 * res 壓縮完成之后,需要告訴瀏覽器使用哪種壓縮類型壓縮,方便瀏覽器用對應方式進行解壓
 * */
const {
  createGzip,
  CreateDeflate
} = require('zlib')
module.exports = (rs, req, res) => {
  const acceptEncoding = req.headers['accept-encoding'];
  /* 有兩種情況不能壓縮
  1.瀏覽器已經聲明不支持任何壓縮方式,拿不到這個信息
  2.拿到的東西里面沒有服務器支持
  */
  if (!acceptEncoding || !acceptEncoding.match(/\b(gzip|deflate)/)) {
    return rs
  } else if (acceptEncoding.match(/\bgzip\b/)) {
    {
      res.setHeader('Content-Encoding', 'gzip')
      return rs.pipe(createGzip())
    }
  }else if (acceptEncoding.match(/\bdeflate\b/)) {
    {
      res.setHeader('Content-Encoding', 'deflate')
      return rs.pipe(createGzip())
    }
  }
}

route.js 引用compress

Node4-5靜態資源服務器實戰以及優化壓縮文件實例內容