尝试访问 <img />- tag = 403 中受保护的视频流时未要求授权

Not asked to authorize when trying to access protected videostream in <img />- tag = 403

我正在尝试从我的 IP 摄像机获取实时流并将其显示在我的 Vuejs 项目的图像标签中:

<img src="http://10.0.0.110/video1.mjpg">

(这里没什么特别的)

http://10.0.0.110/video1.mjpg 是受保护的资源,未经授权的用户无法访问。如果我在浏览器的地址字段中输入 http://10.0.0.110/video1.mjpg,我将正确地被要求提供凭据(就像它应该的那样)。

问题:

我的问题是,当我浏览包含以下内容的 html 时,没有要求我提供任何凭据:<img src="http://10.0.0.110/video1.mjpg">。我在浏览器的检查器中留下了足够的错误消息:

问题:

是否可以强制浏览器要求凭据?怎么样?

这似乎是 How to set the <img> tag with basic authentication

的副本

已接受的答案可能表明这是不可能的。我能够重现你的问题。我自己尝试了一下,最后使用了 iframe。尝试 <iframe src="http://10.0.0.110/video1.mjpg"></iframe> 之类的设置并设置合适的大小。它在 Chrome.

对我有用