Nodejs 请求路由时 获得返回状态码 控制台显示是304 网页中显示是200

Node.js 请求路由时获得返回状态码

问题描述

在使用 Node.js 进行 HTTP 请求时，发现控制台输出的状态码为 304（Not Modified），但网页中显示的状态码却是 200（OK）。这似乎与预期不符，因为通常情况下，304 应该表示客户端缓存的数据是最新的，而无需重新请求服务器。

示例代码

首先，我们来看一下你的示例代码。这里使用了 XMLHttpRequest 对象来发送 HTTP 请求，并且在 onreadystatechange 回调函数中处理响应状态。

<script>
    function Connection(url, callback) {
        if (window.XMLHttpRequest) {
            var xmlhttp = new XMLHttpRequest();
        } else {
            var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                callback(xmlhttp.status);
            }
        };
        
        xmlhttp.open("GET", url, true);
        xmlhttp.send();
    }

    function check() {
        Connection("http://localhost:3000/check", function (status) {
            console.log(status);
        });
    }

    setInterval(check, 3000);
</script>

在服务器端，路由处理如下：

const express = require('express');
const fs = require('fs');
const app = express();

app.get('/check', (req, res) => {
    fs.readFile('./result.html', (err, data) => {
        if (err) throw err;
        res.send(200, data.toString());
    });
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

问题分析

1. HTTP 缓存机制：

   • 当客户端请求资源时，如果资源的 Last-Modified 或 ETag 信息符合客户端缓存条件，则服务器会返回 304 状态码，指示客户端可以使用缓存中的数据。
   • 你可能已经设置了某些缓存策略，使得服务器返回 304 状态码。但是，客户端仍然会发起请求，并且在接收到 304 后，会根据缓存数据进行更新。

2. 控制台 vs. 网页状态：

   • 控制台中显示的是服务器返回的实际状态码（304）。
   • 网页中显示的是客户端最终使用的状态码（可能是 200，如果缓存数据有效）。

解决方案

如果你希望始终获取最新的数据，可以通过以下几种方式解决：

1. 禁用缓存： 在发送请求时，可以添加一个随机参数或时间戳，以避免缓存的影响。

   function Connection(url, callback) {
       url += '?_=' + new Date().getTime(); // 添加时间戳
       if (window.XMLHttpRequest) {
           var xmlhttp = new XMLHttpRequest();
       } else {
           var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
       }
       
       xmlhttp.onreadystatechange = function () {
           if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
               callback(xmlhttp.status);
           }
       };
       
       xmlhttp.open("GET", url, true);
       xmlhttp.send();
   }
   

2. 检查缓存策略： 如果你希望保持缓存策略，确保客户端正确处理 304 状态码，并从缓存中读取数据。

通过上述方法，你可以更好地理解并控制 Node.js 中的 HTTP 请求和缓存机制。