为何Node.js中Axios请求含Content-Length头，浏览器中却缺失？

这是个典型的浏览器跨域同源策略导致的限制，和你用的Axios/request库本身无关，我来详细拆解：

为什么Node.js能拿到，浏览器拿不到？ #

Node.js作为服务器端运行环境，不受浏览器的同源策略约束——它发起的HTTP请求是直接和目标服务器通信，能获取到所有响应头信息，自然包括Content-Length。

但浏览器端的JS受到同源策略的严格限制：当你发起跨域请求时，浏览器只会允许JS访问「简单响应头」（Simple Response Headers），而Content-Length并不在这个默认列表里。如果目标服务器没有显式配置允许暴露这个头，浏览器就会自动隐藏它，你的JS代码自然拿不到。

默认的简单响应头包括：

• Cache-Control
• Content-Language
• Content-Type
• Expires
• Last-Modified
• Pragma

如何在浏览器中获取Content-Length？ #

有两种可行的解决方案：

1. 配置服务器暴露该响应头 #

如果目标资源的服务器是你可控的，只需要在服务器端添加Access-Control-Expose-Headers响应头，把Content-Length加入进去：

• 比如Nginx配置：

  add_header Access-Control-Expose-Headers Content-Length;
  

• 比如Express + cors中间件：

  const cors = require('cors');
  app.use(cors({
    exposedHeaders: ['Content-Length'] // 显式暴露需要的头
  }));
  

配置完成后，浏览器就会允许你的JS代码读取Content-Length头了。

2. 使用同域代理（服务器不可控时） #

如果没法修改目标服务器的配置，你可以在自己的同域服务器上搭建一个代理：前端请求自己的代理服务器，由代理服务器去请求目标资源，然后把目标资源的Content-Length头原封不动（或者重新封装）返回给前端。因为前端和代理是同域，不存在跨域限制，就能正常拿到这个头了。

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