解决富文本中抖音视频无法播放的问题——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 分钟前
Vue Router路由
前端·javascript·vue.js
阿呜的边城6 分钟前
终于还是吃上了react-i18next的细糠
前端·前端框架
米方14 分钟前
ElementPlus 穿梭框支持批量穿梭
前端·javascript·vue.js
InkHeart15 分钟前
uni-app开发路上的坑
前端·vue.js
用户40993225021215 分钟前
Vue3中v-bind:class与v-bind:style如何实现条件样式、组件样式合并与深层响应式管理?
前端·ai编程·trae
我是天龙_绍23 分钟前
如何在前端开发中高效运用AI:从提效到避坑
前端
KenXu25 分钟前
从Vue 到 React:Valtio 让状态管理更熟悉
前端
努力学习的少女35 分钟前
对SparkRDD的认识
开发语言·前端·javascript
LYFlied39 分钟前
Webpack 深度解析:从原理到工程实践
前端·面试·webpack·vite·编译原理·打包·工程化
苏打水com1 小时前
第十二篇:Day34-36 前端工程化进阶——从“单人开发”到“团队协作”(对标职场“大型项目协作”需求)
前端·javascript·css·vue.js·html