通过 a 标签在新页面打开链接时使用 rel="noopener"

通过 Vue CLI 生成项目后, 发现组件链接中的 a 标签有个属性 rel="noopener"

1
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>

这里是为了安全性考虑, 如果没有使用这个属性, 新页面可以通过 window.opener 访问当前页面对象, 可以使用 window.opener.location = newURL 将当前页面导航到其他地址.
所以在通过 a 标签在新页面打开链接时, 建议都使用 rel="noopener" .

参考链接:

如果对您有帮助,可以赞助一杯可乐