尝试访问 <img /> 中受保护的视频流时未要求授权 - 标签 = 403 [重复]

Posted 2023-03-31

【中文标题】尝试访问 <img /> 中受保护的视频流时未要求授权 - 标签 = 403 [重复]

【英文标题】：Not asked to authorize when trying to access protected videostream in <img />- tag = 403 [duplicate]

【发布时间】：2019-05-22 05:56:11

【问题描述】：

我正在尝试从我的 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">。我在浏览器的检查器中留下了足够的错误消息：

问题：

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

【参考方案1】：

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

接受的答案可能表明这是不可能的。我能够重现您的问题。我自己尝试了一点，最终使用了 iframe。尝试类似<iframe src="http://10.0.0.110/video1.mjpg"></iframe> 并设置适当的大小。它在 Chrome 中对我有用。

【讨论】：

你是对的。这个问题和我的很相似。你的解决方法对我有好处！