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没有了，图片也能够正常显示了：

B站接口获取图片资源出现403的解决方案相关推荐

配置静态路由使用出站接口和下一跳IP的差别
在配置静态路由时,下一跳可以使用下一路由器的IP地址,也可以使用本路由器的出站接口.在点对点的网络中,两者可能没有什么差别,但在以太网中,两者有很大差别. 在以太网中,两个相邻接口之间 ...
配置静态路由的下一跳使用出站接口和下一跳IP的差别
在配置静态路由时,下一跳可以使用下一路由器的IP地址,也可以使用本路由器的出站接口.在点对点的网络中,两者可能没有什么差别,但在以太网中,两者有很大差别. 在以太网中,两个相邻接口之间的通信是依靠MA ...
「API 接口获取方法」
在创建一个应用程序的过程中,获取数据是非常关键的一步.而通过API接口获取数据通常是最好的方式之一.那么,如何通过关键字获取API接口呢?以下是一些步骤: 1.确定你需要获取的数据类型首先,你需要确 ...
matlab抓取股票数据,Matlab经过sina web接口获取个数即时股票数据函数实现代码
Matlab通过sina web接口获取个数即时股票数据函数实现代码代码如下: function stockinfo = queryprice(stocktype, stockid) %stockt ...
Android动态获取图片资源
Android动态获取图片资源根据文件名反向查找图片, 好像没有读取转换成数据流,性能应该不错. 回去后试试. 1. Field f= (Field)R.drawable.class.getDecl ...
java接口获取天气预报json数据
https://blog.csdn.net/weixin_38959210/article/details/83515783 首先进上面这个链接的文档里面,获取到JAVA调用HTTP接口的方法. 我们 ...
php dump utfp,php pchart乱码-使用REST接口获取GeoServer中的...-结合 thinkPHP 分页写成自己分页类_169IT.COM...
本页文章导读: ▪php pchart乱码有俩种情况:①:未将中文字符编码格式修改成utf-8 (例子如下:)mb_convert_encoding($data, "html-e ...
java从端口获取数据库_Java之通过接口获取数据并用JDBC存储到数据库中
最近做数据同步功能,从接口获取数据然后存到数据库中以便后续对数据进行相关操作,下面就贴一下相关代码. 1 import com.alibaba.fastjson.JSON; 2 import com. ...
android 新闻功能列表,android根据提供的接口获取新闻列表
查询新闻列表: 接口名称:GetNewsInfo 接口参数:(string account(账号), string pwd(密码), string newstype(新闻类型[图文新闻(传入4),图片 ...
简单的循环以及从接口获取数组对象的一个字段集合
1.简单的循环字段循环 if (this.videolist) {console.log(111);for (let j = 0; j < this.videolist.length; j++) ...

B站接口获取图片资源出现403的解决方案

问题原因

解决办法

B站接口获取图片资源出现403的解决方案相关推荐

最新文章

热门文章