解决图片403防伪链问题

分类:前端来源:站内 最近更新:2021-09-18 10:32:36浏览:75留言:0

很多网站的图片经常会加上防伪链的操作以防被其他网站盗用,一般会在Nginx里配置

 location ~* \.(gif|jpg|png|jpeg)$ {
                valid_referers none  valid.url.com;
                if ($invalid_referer) {
                        return 403;
                }
        }

但是我们如何引用这些加了防伪功能的图片呢?防伪链基本是通过request消息头中的Referer判断来源,然后就走上面Nginx的逻辑。

解决方案:

1、简单省事

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

缺点:如果有类似百度统计,cnzz等第三方工具时,这样的方式就不能被收录地址了

2、给img元素添加属性

<img referrerpolicy="no-referrer" src="xxx"/>

你可以会搜到

<img rel="no-referrer" src="xxx"/>

<img referrer="no-referrer|origin|unsafe-url" src="xxx"/>

这两种属性,自测下来不行。只有 referrerpolicy="no-referrer" 管用

上一篇:微前端实践填坑

没有下一篇

1

发表评论

评论列表(0)

  • 暂时没有留言
热门