vue img标签src使用网络地址展示图片无法显示
2020-03-31 本文已影响0人
MAYDAY77
开发时模拟数据时使用了网络图片,vue img标签src使用网络地址展示图片无法显示,情况如图:
图片的请求出现403错误:GET http://xxxxxxxxxxxx 403(Forbidden)

疫情期间在家脑袋锈成铁,这个问题我遇到过。。。
解决办法,在index.html头部添加meta标签 <meta name="referrer" content="no-referrer">
referrer,一种引用策略,可以用来防止图片或视频被盗。它的原理是:http 协议中,如果从一个网页跳到另一个网页,http 头字段里面会带个 Referrer。图片服务器通过检测 Referrer 是否来自规定域名,来进行防盗链。如果没有设置referrer,那就可以直接绕过防盗链机制,直接使用或盗取。(解释来源于网络)
成功显示了!

颇费~