美文网首页
如何安全打开外链接

如何安全打开外链接

作者: 请叫我Pro大叔 | 来源:发表于2020-05-28 09:02 被阅读0次

Coding时出现一个错误:

error  Using target="_blank" without rel="noopener noreferrer" is a security risk: see https://mathiasbynens.github.io/rel-noopener  react/jsx-no-target-blank

原因是:为了防止钓鱼事故,我们需要将外链中的window.opener置为null。

方法一:

a标签设置target="_blank"属性时,额外设置属性rel="noopener norefferrer"

方法二:

使用window.open(url)打开外链时,同时清空新窗口的window.opener和window.location

var otherWindow = window.open();
otherWindow.opener = null;
otherWindow.location = url;

参考:

https://www.jianshu.com/p/c8319e095474
https://mathiasbynens.github.io/rel-noopener/#hax

相关文章

网友评论

      本文标题:如何安全打开外链接

      本文链接:https://www.haomeiwen.com/subject/baqoahtx.html