前言
在前端开发中，我们经常需要嵌入其他网站的页面或者将我们自己的页面嵌入到其他网站中。这时一个常见的问题是如何防止 iframe 被嵌入到其他网站中，从而导致安全问题。x-frame-options 就是为了解决这个问题而生的。
什么是 x-frame-options
x-frame-options 是一个 HTTP 响应头，用以控制网站的 iframe 嵌入权限。这个头有三个值：
- DENY：表示该页面不允许被嵌入到任何 iframe 中。
- SAMEORIGIN：表示该页面只能被同域名下的页面嵌入到 iframe 中。
- ALLOW-FROM uri：表示该页面允许从指定的 uri 嵌入 iframe。
安装 x-frame-options
在 Node.js 中，我们可以使用 npm 包 x-frame-options 来设置 x-frame-options 头。使用如下命令进行安装：
npm install x-frame-options --save
使用 x-frame-options
x-frame-options 的使用非常简单，只需要在需要设置 x-frame-options 的响应中添加如下代码即可：
var xFrameOptions = require('x-frame-options')
app.use(xFrameOptions())这样，当页面在被设置为允许 iframe 嵌入时，会在 HTTP 响应头中添加 x-frame-options，从而保证页面的安全性。
示例代码
-- -------------------- ---- ------- --- ------- - ------------------ --- ------------- - -------------------------- --- --- - --------- ------------------------ ------------ ------------- ---- - --------------- -------- -- ----------------
总结
在前端开发中，保证网站的安全性是非常重要的。x-frame-options 便是为了防止 iframe 被恶意嵌入而生的。在 Node.js 中，我们可以方便地使用 npm 包 x-frame-options 来设置 x-frame-options 响应头，从而保障网站的安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61522