关于Img标签绑定:src不显示图片

关于Img标签绑定:src不显示图片,第1张

因为是自己封装的组件    发现图片根本不显示

解决方法

引用本地图片需要加上require,使用require定义之后,就可以动态使用了,不用require你就只能写死的。不用 :src="’…/img/image.jpg’" 会被解析为字符串

开发时模拟数据时使用了网络图片,vue img标签src使用网络地址展示图片无法显示,情况如图:

图片的请求出现403错误:GET  http://xxxxxxxxxxxx  403(Forbidden)

疫情期间在家脑袋锈成铁,这个问题我遇到过。。。

解决办法,在index.html头部添加meta标签  <meta name="referrer" content="no-referrer">

referrer,一种引用策略,可以用来防止图片或视频被盗。它的原理是:http 协议中,如果从一个网页跳到另一个网页,http 头字段里面会带个 Referrer。图片服务器通过检测 Referrer 是否来自规定域名,来进行防盗链。如果没有设置referrer,那就可以直接绕过防盗链机制,直接使用或盗取。(解释来源于网络)

成功显示了!

颇费~

img是html的图片显示标签,要想显示图片首先要确保src里的图片地址是正确的,然后还需要设置img标签的宽和高,以及上级元素是否是否是可显示css样式,如果上级元素设置了隐藏css属性,那子元素肯定不显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11393265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存