如果页面图片加载不出来,并且报错,这就是第三方图片403问题。
出现第三方图片403问题是因为项目的接口数据是后端通过爬虫抓取的第三方平台内容,而第三方平台对图片做了防盗链保护效果。
如何解决第三方图片403问题呢?
解决第三方图片403问题的第1种方法
用<a>,<area>,<img>,<iframe>,<script>
或者<link>
元素上的referrerpolicy
属性为其设置独立的请求策略,如:
<img src="http://......" referrerpolicy="no-referrer">
解决第三方图片403问题的第2种方法
直接在HTML页面头中通过meta属性全局配置
<meta name="referrer" content="no-referrer">