为什么 Chrome 开发工具显示 200 状态代码而不是 304

Question

当我使用 Chrome 测试缓存处理中的奇怪行为时（我询问了一些相关问题here），我发现了其他内容：当服务器返回 304 响应时，Chrome 开发工具显示 200 状态代码。

在这里您可以看到 chrome 开发工具所说的内容 (200)，我包含了一个显示服务器 304 响应的wireshark 捕获。

这里与 Firefox 的用法相同，显示 304 代码：

更有趣的是两个浏览器之间的时间差异：

Firefox 没有显示接收部分的延迟，但 Chrome 表示花了 3.91 毫秒。

您知道为什么 Chrome 不显示正确的状态代码吗？

如果你想自己测试一下，这里是服务器代码：

#!/usr/bin/env node

'use strict';

const express = require('express');
const cors = require('cors');
const compression = require('compression');
const pathUtils = require('path');
const fs = require('fs');

const http = require('http');
let app = express();
app.disable('x-powered-by');
app.use(express.json({ limit: '50mb' }));
app.use(cors());
app.use(compression({}));
app.use(function (req, res, next) {
    res.set('Cache-control', 'no-cache');
    console.log(req.headers);
    next();
});

let server = http.createServer(app);

app.get('/api/test', (req, res) => {
    res.status(200).send(fs.readFileSync(pathUtils.join(__dirname, 'dummy.txt')));
});

server.listen(1234);

和客户：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script>
            let test = fetch('http://localhost:1234/api/test').then((res) => {
                console.log(res.status);
                return res.text();
            });
        </script>
    </body>
</html>

Answer 1

我认为这实际上是一个 chrome 错误。错误报告已在此处打开：https://bugs.chromium.org/p/chromium/issues/detail?id=1269602

Answer 2

设置最大年龄。例如：

max-age=2592000,no-cache

为什么 Chrome 开发工具显示 200 状态代码而不是 304

问题描述投票：0回答：2

2个回答

最新问题

为什么 Chrome 开发工具显示 200 状态代码而不是 304

问题描述 投票：0回答：2

2个回答

最新问题

问题描述投票：0回答：2