解决方法
引用本地图片需要加上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属性,那子元素肯定不显示。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)