因为项目需求,项目中引用了图片的网络链接,但是发现了很奇怪的问题,图片链接如果在浏览器的地址栏中可以直接打开,如果在前端项目的Img标签中却无法被渲染。
在vue项目中的头部添加meta标签
在index.html中添加:<meta name="referrer" content="no-referrer">
或者在img标签中添加:<img referrerpolicy="no-referrer" src="xx"/>
所以,只要能在浏览器中打开的网络链接图片,其网站设置的防盗链就是允许为空的Referrer。
建议使用
这种方式渲染网络图片,如果是在vue项目中的meta属性中,添加可能会影响项目的其他请求。
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://blog.csdn.net/weixin_44932487/article/details/119855512
内容来源于网络,如有侵权,请联系作者删除!