如何从使用 axios 发送的 POST 请求中获取 Content-Length 标头？

Posted 2023-03-04

【中文标题】如何从使用 axios 发送的 POST 请求中获取 Content-Length 标头？

【英文标题】：How to get the Content-Length header from a POST request send with axios?

【发布时间】：2020-02-05 17:04:49

【问题描述】：

我想使用我的 POST 请求的大小和数据。我正在做一些研究，发现了一个请求的 Content-Length 标头，但我在我的 axios 请求标头中找不到它。

我尝试过使用拦截器，就像这样：

axios.interceptors.request.use(
    config => 
        console.log('config', config.headers);
        if (config.url != `$API_URL/login`)
            config.headers.Authorization = 'Bearer ' + getAccessToken();
        return config;
    ,

    error => 
        return Promise.reject(error);
    
);

这是我得到的回应：

Authorization: "Bearer [...access_token]"
Content-Type: "multipart/form-data"
common:
    Accept: "application/json, text/plain, */*"
    X-CSRF-TOKEN: "..."
    X-Requested-With: "XMLHttpRequest"
    __proto__: Object
delete: 
get: 
head: 
patch: Content-Type: "application/x-www-form-urlencoded"
post: Content-Type: "application/x-www-form-urlencoded"
put: Content-Type: "application/x-www-form-urlencoded"

但在 Chrome 中显示的是这样的：

Accept: application/json, text/plain
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.9,ro;q=0.8,la;q=0.7
Authorization: Bearer [...access_token]
Connection: keep-alive

Content-Length: 5266672 <---- this is what I need

Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryGMzak87LIZH05nme
Cookie: XSRF-TOKEN= ...
Host: ...
Origin: ...
Referer: ...
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/77.0.3865.90 Safari/537.36
X-CSRF-TOKEN: ...
X-Requested-With: XMLHttpRequest
X-XSRF-TOKEN: ...

有什么方法可以让 axios 给我 content-length 标头吗？如果没有，有什么方法可以从其他任何地方访问它吗？

【参考方案1】：

content-length 将由 http adapter 自动添加。