我正在从 JS 代码中触发 XHR。这个渲染阻塞 XHR 在每次页面加载时触发，所以我想在页面生命周期的早期获取它，与 JS 和 CSS 资源并行。在我的index.html ，我将添加以下代码:
<head>
<link rel="stylesheet" href="style.css">
<link rel="preload" as="fetch" href="/xhr-to-be-fetched-early">
</head>
authorization & Accept .有什么方法可以将这些标题添加到 link标签，是在 HTML 本身内部还是通过 JS？还是无法缓存此类请求？
最佳答案
您不能真正将标题添加到 <link>标记，但您可以阻止页面加载任何内容，直到获取资源。
看到这样的东西:
const promiseOfSomeData = fetch("URL.com", {
// This is where you set the headers
headers: {
'X-My-Cool-Header': 'here'
}
}).then(data => {
return data;
});
window.onload = async () => {
let someData = await promiseOfSomeJsonData;
console.log(someData)
};
关于javascript - 我可以在尝试预加载 XHR 数据时添加自定义标题吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66649509/