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

相关推荐
天天鸭2 分钟前
写个vite插件自动处理系统权限,降低99%重复工作
前端·javascript·vite
蓝婷儿7 分钟前
每天一个前端小知识 Day 23 - PWA 渐进式 Web 应用开发
前端
无奈何杨16 分钟前
CoolGuard风控中新增移动距离和移动速度指标
前端·后端
恋猫de小郭23 分钟前
Google I/O Extended :2025 Flutter 的现状与未来
android·前端·flutter
江城开朗的豌豆27 分钟前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
程序员爱钓鱼37 分钟前
Go语言泛型-泛型约束与实践
前端·后端·go
前端小巷子39 分钟前
web从输入网址到页面加载完成
前端·面试·浏览器
江城开朗的豌豆39 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了40 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆1 小时前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js