解决富文本中抖音视频无法播放的问题——403

问题

  • 富文本中的抖音视频无法播放,资源状态码是403禁止访问
  • 打开控制台,可以看到在项目中打开,数据请求的请求头多了一个Referer: http://localhost:3000/
  • 而复制链接在新窗口直接打开,请求头中并不会携带Referer

解决方案

  • 在index.html中添加 <meta name=referrer content=no-referrer>

referrer 请求的来源URL,设置了安全策略就会返回403禁止访问

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

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

    • never :删除 http header 中的 referer,所有从当前页面发起的请求将不会携带 referer;

    • always :不改变 http header 中的 referer 的值;

    • origin :只发送 origin 部分;

    • no-referrer:没有referer;

相关推荐
拉里呱唧几秒前
在线可视化HTML编辑器横评:8款拖拽式工具的实测对比
前端·编辑器·html
lihaozecq3 分钟前
Agent 开发 Todo 机制设计,让 Agent 拥有规划能力
前端·agent·ai编程
lchcy12 分钟前
移动端h5好多兼容性问题啊
前端
KaMeidebaby18 分钟前
卡梅德生物技术快报|多肽库筛选:基于全质粒 PCR 的噬菌体文库构建与小分子表位淘选实战
前端·数据库·其他·百度·新浪微博
m0_5027249521 分钟前
vue3生成pdf
前端·javascript·vue.js·pdf
@不误正业22 分钟前
2026-05-16-多Agent协作框架深度实战-从ReAct到Plan-and-Execute全架构演进
前端·react.js·架构
我命由我1234523 分钟前
PHP - PHP 简易 Web 服务器、基础接口开发
服务器·开发语言·前端·php·intellij-idea·idea·intellij idea
咖喱o25 分钟前
IPv6
服务器·前端·网络
海上彼尚25 分钟前
Nodejs也能写Agent - 6.基础篇 - Agent
前端·人工智能·后端·node.js
2501_9400417429 分钟前
纯前端实战:5个高复杂度业务与交互场景
前端