解决项目外链新窗口访问海康视频平台URL报错403问题 Whitelabel Error Page

问题描述：项目中外链方式，打开新窗口访问海康视频平台地址时，报错 Whitelabel Error Page  （type=Forbidden, status=403） 不合法的请求

（俩次遇到这个问题，记录一下，外链出现这种情况，可尝试以下解决办法）

 

 

原因：403是防止盗链的错误（是海康视频保证自己的服务器不被刷流量，做的限制），可以简单的理解为没有权限访问此站。

解决办法：使用no-referrer

在head 中添加以下代码，整个 Referer 首部会被移除，访问来源信息不随着请求一起发送，即可访问过去（官网：Referrer-Policy - HTTP | MDN）

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

补充：使用a标签、vue的router-link、window.open都会报以上错误，是海康做的限制，与使用哪种方式跳转无关；