前端video标签播放第三方外链地址报错403

前端使用video视频地址403

---

 然而直接复制地址，在新窗口打开，却没有任何问题，可以正常访问。

而复制链接在新窗口直接打开，请求头中并不会携带Referer

 

我们打开控制台，可以看到在项目中打开，数据请求的请求头多了一个Referer: http://localhost:3000/

 

解决方案：

直接在index.html文件中添加如下：

<meta name=referrer content=no-referrer>

在某些情况网站想要控制页面发送给服务器的 referer 信息时，可以使用 referer metadata 参数。

referer 的 metadata 属性可以设置 content 属性值为以下：

default
never
always
origin
no-referrer

default ：若当前页面使用的是 https 协议，而正要加载资源使用的是普通的 http 协议，则将 http header 中的 referer 置空；

never ：删除 http header 中的 referer，所有从当前页面发起的请求将不会携带 referer；

always ：不改变 http header 中的 referer 的值；

origin ：只发送 origin 部分；

no-referrer：没有referer；

最后视频链接没有403报错，顺利播放。请求头也没有Referer属性