表单提交时无法设置Authorization请求头的排查求助

你遇到的问题核心在于**standardSubmit: true的配置会让ExtJS使用浏览器原生的表单提交机制，而非它封装的AJAX请求**——而原生表单提交是不支持通过submit()方法里的headers参数添加自定义请求头的，这就是Authorization头没出现的原因。

为什么会这样？ #

浏览器的原生HTML表单提交（不管是GET还是POST）只能发送表单内部的字段数据，没有提供直接设置自定义请求头的API。当你开启standardSubmit: true时，ExtJS就会跳过自身的AJAX逻辑，直接调用浏览器的原生表单提交流程，这时候你传入的headers配置会被完全忽略。

针对你的场景（文件下载，需要target: '_blank'）的解决方案 #

因为你是要通过表单提交触发文件下载（新开窗口），没法直接用AJAX提交（AJAX无法直接触发浏览器的文件下载行为），所以需要换一种方式传递Authorization令牌：

方案1：添加隐藏表单字段传递令牌

把Authorization令牌作为表单的隐藏字段提交，后端需要调整逻辑从表单参数中获取令牌，而非从请求头读取：

var form = Ext.create('Ext.form.Panel', {
    standardSubmit: true,
    url : url,
    method : method,
    items: [
        // 添加隐藏字段存储Authorization令牌
        {
            xtype: 'hiddenfield',
            name: 'Authorization',
            value: 'Bearer ' + token
        },
        // 你的其他表单字段...
    ]
}); 

// 提交表单，此时令牌会作为表单参数发送
form.submit({
    target : '_blank',
    params : params
});

方案2（不推荐）：将令牌放入URL查询参数

虽然可以把令牌拼接到URL中，但这种方式会让令牌暴露在URL里（会出现在浏览器地址栏、历史记录中），存在安全风险，仅在测试或低安全要求场景下使用：

// 拼接令牌到URL
var urlWithToken = `${url}?Authorization=${encodeURIComponent('Bearer ' + token)}`;

var form = Ext.create('Ext.form.Panel', {
    standardSubmit: true,
    url : urlWithToken,
    method : method 
}); 

form.submit({
    target : '_blank',
    params : params
});

如果不需要新开窗口下载（非target: '_blank'场景） #

如果你不需要新开窗口，只是普通的表单提交，可以关闭standardSubmit，用ExtJS的AJAX提交，此时headers配置就能正常生效：

var form = Ext.create('Ext.form.Panel', {
    standardSubmit: false, // 关闭原生提交，使用AJAX
    url : url,
    method : method 
}); 

form.submit({
    params : params,
    headers: { 
        Authorization: 'Bearer ' + token 
    },
    success: function(form, action) {
        // 处理成功逻辑，如果是下载文件，需要手动处理blob
        const blob = new Blob([action.response.responseText], {type: 'application/octet-stream'});
        const downloadUrl = URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.href = downloadUrl;
        link.download = 'your-file-name.ext'; // 设置下载文件名
        document.body.appendChild(link);
        link.click();
        URL.revokeObjectURL(downloadUrl);
        document.body.removeChild(link);
    },
    failure: function(form, action) {
        // 处理失败逻辑
    }
});

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