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

图片的请求出现403错误：GET http://xxxxxxxxxxxx 403（Forbidden）

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

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

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

成功显示了！

作者：MAYDAY77
链接：http://events.jianshu.io/p/e023c5ab0fc7
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。