img src链接中的授权标头 [英] Authorization header in img src link

问题描述

我有一个api，它使用jwt进行身份验证.我正在将此API用于vuejs应用程序.我正在尝试使用

I have an api that uses jwt for authencation. I am using this api for a vuejs app. I am trying to display an image in the app using

<img src="my/api/link" />

但是api期望其中包含jwt token的Authorization标头.

But the api expects Authorization header with jwt token in it.

我可以这样向浏览器请求添加标头吗?(这里的几个问题使我相信这是不可能的)?

Can I add headers to browser request like this(Answer to few questions here has made me believe it's not possible)?

是否有解决方法(使用js)，还是应该更改api本身?

Is there any way around it(using js) or should i change the api itself?

推荐答案

您不能对在img标签中直接用作href的图像执行身份验证.如果您确实希望在图像上进行这种类型的身份验证，则最好使用ajax来获取它们，然后将其嵌入到html中.

You can not perform authentication on images which are directly used as href in img tag. If you really want this type of authentication on your images, then it's better to fetch them using ajax and then embed in your html.

这篇关于img src链接中的授权标头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！