为什么 Chrome 开发工具显示 200 状态代码而不是 304
Nat*_*iet 25 google-chrome http cache-control google-chrome-devtools
当我使用 Chrome 测试缓存处理中的奇怪行为时（我在这里询问了一些相关问题），我发现了一些其他内容：当服务器返回 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>
我认为这实际上是一个 chrome bug。错误报告已在此处打开：https://bugs.chromium.org/p/chromium/issues/detail ?id=1269602
- Chrome 错误报告似乎已移至 https://bugs.chromium.org/p/chromium/issues/detail?id=1086809 (2认同)
| 归档时间： |
|
| 查看次数： |
3963 次 |
| 最近记录： |