执笔看墨花开💜千千 执笔看墨花开💜千千
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)

执笔看墨花开

顺其自然
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)
  • JS文章

  • Vue文章

  • 跨端开发

  • React文章

  • 杂文

    • Webstorm排查插件问题
    • 为什么前端监控要用GIF打点
    • Bilibili短链生成器
    • Typora Bilibili图床插件
    • 防盗链那些事之referer
      • 获取B站SESSDATA
      • serverless+webpack解决node_modules空间大的问题
      • SPA单页应用直接使用百度统计
      • 先concat再去重引发的性能问题
      • 利用引用与时间戳解决一次性能问题
      • 批量新建工作项界面卡顿
      • 大用户数量加载慢分析
    • CSS

    • 前端
    • 杂文
    执笔看墨花开
    2021-05-25

    防盗链那些事之referer

    # 背景

    自己的博客图片链接使用B站的图床,如果直接使用这些链接的话,是会返回403的。然后今天在做B站短链生成器 (opens new window)的时候,生成的短链想要点击之后直接新窗口打开,页面展示403,如果在地址栏再点一次回车或者复制链接打开都是正常的。

    # 原因

    原因都是一样的,因为B站开启了防盗链,利用的是HTTP的Referer属性做判断。如果Referer是他白名单之外的网站,就会返回403。 image-20210525212528558

    # 解决方案

    # 全站图片使用

    在html的head标签中设置如下标志,那么全站资源引用都不会携带referrer

    <meta name="referrer" content="no-referrer">
    
    1

    # 新窗口打开

    主要设置rel="noreferrer",使用window.open打开的话是会默认携带referrer的,第一次还是会403

    <a rel="noreferrer" target="_blank"></a>
    
    1

    # 推荐

    B站短链生成器 (opens new window)

    B站图床插件 (opens new window)

    Typora B站图床插件 粘贴上传 (opens new window)

    编辑 (opens new window)
    #防盗链#Bilibili
    上次更新: 2021/05/25, 21:44:56
    Typora Bilibili图床插件
    获取B站SESSDATA

    ← Typora Bilibili图床插件 获取B站SESSDATA→

    最近更新
    01
    Vue2
    08-26
    02
    JS编程题
    08-26
    03
    前言
    08-26
    更多文章>
    Theme by Vdoing

    © 2021-2021 执笔看墨花开

    粤ICP备2021110554号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×