尝试访问 <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.
对我有用
我正在尝试从我的 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.