[网络协议]B站接口获取图片资源出现403的解决方案

B站公共接口：

https://www.bilibili.com/index/ding.json

?问题原因

B站的服务器做了资源权限限制，目的是为了节省资源，防止爬虫等去获取数据。

参考图：

获取上面的接口后，在引用值时，对应的图片资源提示403错误，下图为出现403的错误信息图片：

?可以看到Referer处为http://localhost:8080

HTTP Referer是header的一部分，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器该网页是从哪个页面链接过来的，服务器因此可以获得一些信息用于处理。

解决办法

只需要在对应的页面中配置隐藏referer即可

<meta name="referrer" content="no-referrer">

以个人使用的vue-cli为例，只需要修改项目目录ublic下的index.html文件即可。

添加后，可以在chrome控制台中发现referer没有了，图片也能够正常显示了：

?