如何解决为什么 Chrome Dev Tool 显示 200 状态代码而不是 304
当我在 Chrome 缓存处理中测试一个奇怪的行为时（我问了一些关于它的问题 here），我发现了一些别的东西：当服务器返回 304 响应时，Chrome 开发工具显示 200 状态代码。
在这里你可以看到 chrome 开发工具说的是什么 (200)，我包含了一个显示服务器 304 响应的wireshark 捕获。
更有趣的是两个浏览器之间的时间差异：
Firefox 没有显示接收部分的延迟，但 Chrome 表示需要 3.91 毫秒。
如果你想自己测试，这里是服务器代码：
#!/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>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
