解决富文本中抖音视频无法播放的问题——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;

相关推荐
三门9 小时前
vue官网新读之后收获记录
前端
mapbar_front9 小时前
我们需要前端架构师这个职位吗?
前端
ScriptBIN9 小时前
Javaweb--Vue
前端·vue.js
KenXu9 小时前
React Conf 2025 - 核心更新
前端
前端Hardy9 小时前
Vue 高效开发技巧合集:10 个实用技巧让代码简洁 50%+,面试直接加分!
前端·javascript·vue.js
ᖰ・◡・ᖳ9 小时前
JavaScript:神奇的ES6之旅
前端·javascript·学习·es6
app出海创收老李9 小时前
海外独立创收日记(5)-上个月收入回顾与本月计划
前端·后端·程序员
前端Hardy9 小时前
HTML&CSS:一眼心动的 SVG 时钟
前端·javascript·css
TTGGGFF10 小时前
Streamlit:CSS——从基础到实战美化应用
前端·css
app出海创收老李10 小时前
海外独立创收日记(4)-第一笔汇款
前端·后端·程序员