vue img标签src使用网络地址展示图片无法显示

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

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

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

解决办法,在index.html头部添加meta标签  

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

成功显示了!


颇费~

你可能感兴趣的:(vue img标签src使用网络地址展示图片无法显示)