在请求 JS / CSS 文件之前设置标头

Question

我在用xhr.setRequestHeader('Authorization', 'Basic ' + token);

设置我的自定义标头以通过 text.js 加载文件

 config: {
        text: {
            onXhr: function (xhr, url) {
               xhr.setRequestHeader('Authorization','Basic ' + token);
            }
        }
    }

所有加载的 HTML 资源都是通过此自定义标头请求的。但是当我在 Chrome 中检查时，没有任何 JS 或 CSS 文件请求携带这些标头。

我应该如何确保 JS / CSS 等文件也被这些标头请求？

Answer 1

可能的原因是，这些请求是由浏览器在解释 HTML 页面时触发的。由于这些请求是由浏览器而不是应用程序触发的，因此此代码段将无法捕获该请求。您可以尝试使用Web 请求 API来执行此操作。

如果您尝试添加的标头在所有请求中都是通用的，您可以尝试使用 cookie 将该信息发送到服务器。我不太确定您的用例，cookie 解决方案可能会根据数据的敏感性而有所不同。此链接将提供各个商店的快速概览。