本文實例講述了node.js實現http服務器與瀏覽器之間的內容緩存操作。分享給大家供大家參考，具體如下：

創新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站設計、成都網站設計、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的和碩網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

一、緩存的作用

1、減少了數據傳輸，節約流量。

2、減少服務器壓力，提高服務器性能。

3、加快客戶端加載頁面的速度。

二、緩存的分類

1、強制緩存，如果緩存有效，則不需要與服務器發生交互，直接使用緩存。

2、對比緩存，每次都需要與服務器發生交互，對緩存進行比較判斷是否可以使用緩存。

三、通過使用 Last-Modified / If-Modified-Since 來進行緩存判斷

1、Last-Modified 是服務器向客戶端發送的頭信息，用于告訴客戶端資源的 最后修改時間，該信息瀏覽器會保存起來。

2、If-Modified-Since 是客戶端向服務器發送的頭信息，當客戶端再次請求資源時，瀏覽器會帶上該信息發送給服務器，服務器通過該信息來判斷資源是否過期。

3、如果沒有過期，則響應 304 表示 未更新，告訴瀏覽器使用保存的緩存。

4、如果過期了，則響應 200，返回最新的資源。

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const util = require('util');
const mime = require('mime');
//創建http服務器并監聽端口
let server = http.createServer();
server.listen(1234, '0.0.0.0', function () {
  console.log('開始監聽');
});
function sendFile(req, res, filePath, stats) {
  //設置文件內容類型
  res.setHeader('Content-Type', mime.getType(filePath));
  //設置資源最后修改時間頭信息
  res.setHeader('Last-Modified', stats.ctime.toGMTString());
  //通過管道將文件數據發送給客戶端
  fs.createReadStream(filePath).pipe(res);
}
server.on('request', function (req, res) {
  let {pathname} = url.parse(req.url, true);
  //獲取文件真實路徑
  let filePath = path.join(__dirname, pathname);
  //判斷文件是否存在
  fs.stat(filePath, function (err, stats) {
    if (err) {
      return res.end(util.inspect(err));
    }
    if (!stats.isFile()) {
      return res.end('is not file');
    }
    //獲取客戶端請求的If-Modified-Since頭信息
    let ifModifiedSince = req.headers['if-modified-since'];
    if (ifModifiedSince) {
      //如果最后修改時間相同，說明該資源并未修改，直接響應 304，讓瀏覽器從緩存中獲取數據。
      if (ifModifiedSince == stats.ctime.toGMTString()) {
        res.statusCode = 304;
        res.end();
      } else {
        sendFile(req, res, filePath, stats);
      }
    } else {
      sendFile(req, res, filePath, stats);
    }
  });
});

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站欄目：node.js實現http服務器與瀏覽器之間的內容緩存操作示例-創新互聯
鏈接分享：http://vcdvsql.cn/article40/ddgpho.html

成都網站建設公司_創新互聯，為您提供服務器托管、域名注冊、網站設計公司、Google、網站內鏈、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯