前端如何防止黑客通过代码劫持跳转链接

王靓靓

已于 2023-05-12 16:09:16 修改

阅读量428

点赞数

文章标签：前端服务器

于 2023-05-12 15:49:57 首次发布

本文链接：https://blog.csdn.net/s_unny_wang/article/details/130644070

版权

使用 HTTPS 协议：HTTPS 协议可以防止黑客通过中间人攻击来劫持跳转链接，因为 HTTPS 协议使用了 SSL/TLS 加密技术，可以保证数据传输的安全性。
使用 rel=“noopener noreferrer” 属性：在 a 标签中添加 rel=“noopener noreferrer” 属性可以防止黑客通过 window.opener 属性来劫持跳转链接。这个属性会在新窗口中打开链接，并且不会将原窗口的引用传递给新窗口。
使用 target=“_blank” 属性：在 a 标签中添加 target=“_blank” 属性可以防止黑客通过 window.opener 属性来劫持跳转链接。这个属性会在新窗口中打开链接，并且不会将原窗口的引用传递给新窗口。
使用 JavaScript 来防止劫持：可以使用 JavaScript 来检测当前页面是否被嵌入到了 iframe 中，如果是，则可以将当前页面跳转到一个新的页面，从而防止黑客通过 iframe 来劫持跳转链接。

if (window.self !== window.top) {
  console.log('当前页面被嵌入到了 iframe 中');
} else {
  console.log('当前页面不在 iframe 中');
}

使用 X-Frame-Options 来防止劫持：可以在服务器端设置 X-Frame-Options 响应头来防止黑客通过 iframe 来劫持跳转链接。X-Frame-Options 有三个值可选：DENY、SAMEORIGIN 和 ALLOW-FROM，分别表示不允许嵌入、只允许同源嵌入和只允许指定来源嵌入。

// 要在服务器端设置 X-Frame-Options 响应头，可以在 HTTP 响应头中添加 X-Frame-Options 字段，其值可以是以下三个之一：
// 1. DENY：表示页面不允许在任何情况下在 iframe 中展示。
// 2. SAMEORIGIN：表示页面可以在相同域名下的 iframe 中展示。
// 3. ALLOW-FROM uri：表示页面可以在指定的 uri 所代表的域名下的 iframe 中展示。
// 以下是一个示例代码，可以在服务器端设置 X-Frame-Options 响应头：
   response.setHeader("X-Frame-Options", "DENY");
// 这样，当黑客尝试通过 iframe 来劫持跳转链接时，浏览器会拒绝展示该页面，从而保护用户的安全。