在请求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 Request API来执行此操作。

如果您要添加的标头在所有请求中都是相同的，则可以尝试使用cookie将该信息获取到服务器。我不确定您的用例，cookie解决方案可能会根据数据的敏感性而有所不同。该link将快速概述各种商店。