资源验证

最新推荐文章于 2022-07-06 23:19:40 发布

zpfnext

最新推荐文章于 2022-07-06 23:19:40 发布

阅读量219

点赞数

分类专栏： HTTP协议

本文链接：https://blog.csdn.net/zpfnext/article/details/108978259

版权

HTTP协议专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.
在这里插入图片描述
2.Last-Modified
上次修改时间
配合If-Modified-Since或者If-Unmodified-Since使用
对比上次修改时间以验证资源是否需要更新

3.Etag
数据签名
配合If-Match或者If-Non-Match使用
对比资源的签名判断是否使用缓存

test.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
    
</body>
<script src="/script.js"></script>
</html>

server.js

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

http.createServer(function (request, response) {
  console.log('request come', 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') {
    response.writeHead(200, {
      'Content-Type': 'text/javascript',
      'Cache-Control': 'max-age=20000000, no-cache',
      'Last-Modified': '123',
      'Etag': '777'
    })
    const etag = request.headers['if-none-match']
    if(etag === '777') {
      response.writeHead(304, {
        'Content-Type': 'text/javascript',
        'Cache-Control': 'max-age=20000000, no-cache',
        'Last-Modified': '123',
        'Etag': '777'
      })
      response.end('')
    } else {
      response.end('console.log("script loaded twice)')
    }
  }

}).listen(8888)

console.log('server listening on 8888')