資源驗證

時間 2019-11-13

標籤資源驗證简体版

原文原文鏈接

瀏覽器請求資源的過程javascript

1、驗證頭html

一、Last-Modified java

二、Etag瀏覽器

一、Last-Modified 緩存

上次修改時間，服務器

配合If-Modified-Since或者If-Unmodified-Since使用ui

對比上次修改時間以驗證資源是否須要更新。（是否使用上次的緩存）url

二、Etag代理

數據簽名（數據對應一個簽名，典型的應用是對內容進行hash計算，文件名帶有hash值）server

配合If-Match或者If-Non-Match使用

對比資源簽名判斷是否使用緩存

三、實踐

server.js

const http = require('http');
const fs = require('fs')

http.createServer(function(request, response){
    console.log('request com', request.url)
    if(request.url === "/"){
        const html = fs.readFileSync('test.html','utf8')
        response.writeHead(200,{
            'Content-Type':'text/html'
        })
        response.end(html)
    }

    if(request.url === "/script.js"){
      
      

        const etag = request.headers['if-none-match'];
        //no-cache 通過服務器驗證，才能使用緩存
        if(etag === '777'){
            response.writeHead(304,{
                'Content-Type':'txt/javascript',
                'Cache-Control': 'max-age=20000000,no-cache', 
                'Last-Modified':'123',
                'Etag':'777'
            })
            response.end('')
        }else{
            response.writeHead(200,{
                'Content-Type':'txt/javascript',
                'Cache-Control': 'max-age=20000000,no-cache', 
                'Last-Modified':'123',
                'Etag':'777'
            })
            response.end('console.log("script load")');
        }

       
    }
   
    


}).listen(8888);

console.log('server listening on 8888')

test.html

<html>
    <head>
        <title>Document</title>
    </head>
    <body>

    </body>


    <script src="/script.js"></script>
    
</html>

將no-cache 換成no-store，那麼本地和代理服務器都不能夠存緩存。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。