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

如何安全打开外链接

作者: 请叫我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