Chrome DevTools如何生成请求通用标头？为何能获取CORS限制下的状态码？

1. Chrome DevTools中General区域的状态码是如何生成的？ #

这个状态码并非DevTools生成，而是直接读取浏览器网络栈接收到的服务器原始HTTP响应状态码。
当浏览器与服务器完成TCP连接、服务器返回响应时，响应头的第一行（状态行）会包含明确的HTTP状态码（比如401），DevTools只是将这个真实的状态码提取出来，并匹配对应的标准可读状态文本（比如Unauthorized）展示在General区域，全程没有额外的生成或修改逻辑。

2. jQuery Ajax获取状态码0，但DevTools能看到401的原因 #

这是浏览器同源策略（CORS规则）拦截导致的差异：

• 当跨域请求违反CORS配置要求（比如服务器未正确设置Access-Control-Allow-Origin等必要响应头），浏览器会在收到服务器的真实响应（含401状态码）后，触发安全拦截，禁止前端JS（包括jQuery Ajax）读取真实的响应内容和状态码，此时JS层面只能拿到状态码0，表示请求被浏览器拦截而非服务器无响应。
• Chrome DevTools作为浏览器内置的调试工具，直接从网络栈获取完整的请求/响应原始数据，不受同源策略对JS的限制，因此能正常展示服务器实际返回的401状态码。

内容的提问来源于stack exchange，提问作者BigBen_Davy