Last-Modified 和 If-Modified-Since 如何使用

Last-Modified 和 If-Modified-Since 是 HTTP 头，用于实现条件请求，以此来优化网络使用和提高性能。

Last-Modified 是一个响应头，服务器用它来表示资源最后一次修改的时间。
If-Modified-Since 是一个请求头，客户端用它来询问自指定日期以来资源是否被修改。

工作流程如下：
1.客户端首次请求资源时，服务器会在响应中包含 Last-Modified 头。

HTTP/1.1 200 OK
Last-Modified: Mon, 03 Jan 2022 08:00:00 GMT

2.客户端再次请求同一资源时，会在请求中包含 If-Modified-Since 头，其值为上次响应中 Last-Modified 的值。

GET /resource HTTP/1.1
If-Modified-Since: Mon, 03 Jan 2022 08:00:00 GMT

3.如果资源自 If-Modified-Since 以来没有被修改，服务器会返回 304 Not Modified 状态码，不返回资源内容。客户端会使用缓存的资源。

HTTP/1.1 304 Not Modified

4.如果资源已被修改，服务器会返回新的资源，以及新的 Last-Modified 头。
在 JavaScript 中，你可以使用 fetch 或 axios 等库来发送带有 If-Modified-Since 头的请求。例如：

fetch('https://example.com', {
  headers: {
    'If-Modified-Since': 'Mon, 03 Jan 2022 08:00:00 GMT'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

Axios:
在使用 Axios 发送请求时，你可以通过在配置对象中设置 headers 属性来添加 If-Modified-Since 头。例如：

axios.get('https://example.com', {
  headers: {
    'If-Modified-Since': 'Mon, 03 Jan 2022 08:00:00 GMT'
  }
})
.then(response => console.log(response.data))
.catch(error => console.error('Error:', error));

在这个例子中，If-Modified-Since 头告诉服务器，如果资源自 2022 年 1 月 3 日 08:00:00 GMT 以来没有被修改，那么就返回 304 Not Modified 状态码，不返回资源内容。如果资源已被修改，服务器会返回新的资源。

这种机制可以帮助优化网络使用，因为如果资源没有被修改，那么就不需要下载资源内容，只需要使用缓存的资源即可。