Axios处理302重定向时未传递Cookie导致Node.js登录失败问题

问题根因 #

你遇到的登录失败核心原因不是表单格式问题——你用qs.stringify处理表单、指定Content-Type: application/x-www-form-urlencoded的写法是完全正确的。
问题出在Axios的重定向逻辑上：

• Node.js环境下Axios默认自动跟随302重定向，这个跳转逻辑由底层Node原生http模块实现，过程中不会自动存储、传递上一跳响应的Set-Cookie值
• 你配置的withCredentials: true仅在浏览器环境生效，Node.js环境下这个参数不做任何Cookie相关处理
• Postman内置了Cookie自动存储维护逻辑，重定向时会自动带上对应域名路径的Cookie，所以能调通

方案1：手动控制重定向流程（最稳定，无额外依赖） #

直接禁用Axios的自动重定向，自己拿Cookie、自己发跳转请求，完全可控：

• 给请求配置加maxRedirects: 0，让Axios收到302响应时直接返回结果，不自动跳转
• 从302响应头里提取set-cookie字段，拿到服务端种下的两个Cookie
• 拼接重定向目标地址（注意带上site参数，值就是你表单里提交的site_number）
• 发GET请求到目标地址，请求头手动带上第一步拿到的Cookie

对应实现代码：

const axios = require('axios');
const qs = require('qs');

// 替换成你真实的base_uri和参数
const BASE_URI = '你的实际域名';
const formData = qs.stringify({
    'user_name': 'user_name',
    'password': 'user_pass!!',
    'site_number': 'site_num',
    'But1':'Submit'
});

async function login() {
    try {
        // 第一步：发登录POST请求，禁用自动重定向
        const loginRes = await axios({
            method: 'post',
            url: `https://${BASE_URI}/hc/web/siteadminlogin/siteadmin/AdminAccess.jsp`,
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            data: formData,
            maxRedirects: 0, // 核心配置：禁止自动跳转
            validateStatus: (status) => status === 302 // 把302当成成功响应处理，不抛错
        });

        // 提取Set-Cookie
        const cookies = loginRes.headers['set-cookie'];
        console.log('拿到登录Cookie:', cookies);

        // 第二步：手动发重定向GET请求，带上Cookie
        const redirectRes = await axios({
            method: 'get',
            url: `https://${BASE_URI}/hc/web/siteadmin/siteadmin/AdminAccess.jsp`,
            params: {
                site: 'site_num' // 和表单里的site_number保持一致
            },
            headers: {
                Cookie: cookies.join('; ') // 把Cookie拼到请求头里
            }
        });

        console.log('登录成功，页面内容:', redirectRes.data);
        return redirectRes;
    } catch (e) {
        console.error('请求异常:', e);
    }
}

login();

方案2：引入CookieJar自动维护Cookie（适合后续多接口调用场景） #

如果后续还有多个接口需要携带登录后的Cookie，可以引入Cookie存储组件，让Axios自动处理Cookie的存储和携带，不用手动解析：

1. 安装依赖：

npm install axios tough-cookie axios-cookiejar-support

2. 初始化带Cookie自动管理的Axios实例：

const axios = require('axios');
const qs = require('qs');
const { wrapper } = require('axios-cookiejar-support');
const { CookieJar } = require('tough-cookie');

// 初始化Cookie存储罐
const jar = new CookieJar();
// 包装Axios实例，自动维护Cookie
const client = wrapper(axios.create({ jar, withCredentials: true }));

const BASE_URI = '你的实际域名';
const formData = qs.stringify({
    'user_name': 'user_name',
    'password': 'user_pass!!',
    'site_number': 'site_num',
    'But1':'Submit'
});

async function login() {
    try {
        // 直接发请求，Cookie会自动存储、自动在重定向时携带
        const res = await client.post(
            `https://${BASE_URI}/hc/web/siteadminlogin/siteadmin/AdminAccess.jsp`,
            formData,
            {
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
            }
        );
        console.log('登录成功:', res.data);
        return res;
    } catch (e) {
        console.error('请求异常:', e);
    }
}

login();

排查注意点 #

• 确认代码里的base_uri替换成真实域名，不要直接用Postman的{{base_uri}}变量占位
• 表单字段名要和Postman里完全一致，大小写不要错
• 如果手动拿Cookie的时候发现set-cookie头拿不到，先确认第一次POST请求的参数、地址是不是和Postman完全一致

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