Javascript 如何在背景图像上设置授权标头:url()?

Javascript 如何在背景图像上设置授权标头:url()?,javascript,http,reactjs,authorization,Javascript,Http,Reactjs,Authorization,我试图通过RESTAPI检索背景图像 然而,要这样做,我需要授权 令牌可以从应该加载背景图像的上下文中获得,但我不知道如何将其添加到请求中 有什么想法吗?这可能吗 在另一种方法中,我使用Web服务器向特定上下文中的所有请求添加授权。这很好,但已经不可能了。一种方法是通过Javascript请求图像,设置正确的标题,然后将图像显示为对象URL/blob。下面是一个例子: fetch('https://i.imgur.com/PLKabDV.png“,{标题:{ “内容类型”:“applicati

我试图通过RESTAPI检索背景图像

然而,要这样做,我需要授权

令牌可以从应该加载背景图像的上下文中获得,但我不知道如何将其添加到请求中

有什么想法吗?这可能吗


在另一种方法中,我使用Web服务器向特定上下文中的所有请求添加授权。这很好,但已经不可能了。

一种方法是通过Javascript请求图像,设置正确的标题,然后将图像显示为对象URL/blob。下面是一个例子:

fetch('https://i.imgur.com/PLKabDV.png“,{标题:{
“内容类型”:“application/json”//此标头只是一个示例,请将您的令牌放在此处
} })
.then(response=>response.blob())
.然后(blob=>{
让img=document.getElementById('image');
让url=url.createObjectURL(blob);
img.style.backgroundImage=`url(${url})`;
})

您只需在请求头中传递令牌即可。@PiotrSołtysiak,我不明白如何传递。我使用的是背景图片:url(“/service/1234”);我唯一的问题是异步性(?)。有没有同步的方法?你想做什么?服务器请求在设计上是异步的。当
内容类型:image/jpeg
时如何?