网站防止被其他站iframe框架引用镜像的方法

自己辛辛苦苦建的网站，写的文章，如果被别人的网站镜像引用了，会很郁闷。前面分享过宝塔和LNMP防盗链的方法，不过这种方法并不能阻止别人iframe框架引用的网站的内容。

想要禁止别人网站通过iframe框架引用你网站的内容，要怎么做呢？办法如下：

通过X-Frame-Options来限制其他网站引用

The X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在 , , <embed> 或者 <object> 中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免 clickjacking 攻击。</p> <p><strong>X-Frame-Options 有下面这3个值可以使用</strong>：</p> <p>X-Frame-Options: <strong>deny</strong> //禁止所有域名框架引用</p> <p>X-Frame-Options: <strong>sameorigin</strong> //只有同域名可以引用</p> <p>X-Frame-Options: <strong>allow-from</strong> <a href="https://example.com/">https://example.com/</a> //只有指定域名可以引用</p> <p>通常情况来说我们只需要添加X-Frame-Options: sameorigin就可以解决了。</p> <h2 id="nginx和宝塔面板实现方法">nginx和宝塔面板实现方法</h2> <p>如果你的服务器使用的是nginx或者宝塔面板，可以通过下面的方法来实现X-Frame-Options: sameorigin的添加。</p> <p>在你虚拟主机的ningx的配置文件里面，添加上下面这串代码（宝塔用户的操作路径是：网站-设置-配置文件）</p> <p>add_header X-Frame-Options SAMEORIGIN always;</p> <p>代码添加到root那一串内容的上面一排，如下：</p> <p>listen 80; listen 443 ssl http2; server_name vpsjichangwiki.blog; index index.html index.htm default.html default.htm index.php default.php; add_header X-Frame-Options SAMEORIGIN always; root /www/wwwroot/vpsjichangwiki.blog;</p> <p>添加完毕后重启ningx服务，就可以看到效果了。</p> <p>LNMP一键包重启nginx的命令是：/etc/init.d/nginx restart</p> <p>宝塔重启nginx的路径是：应用商店-搜索nginx-点击nginx-重启</p> <h2 id="其他设置方法">其他设置方法</h2> <p>如果你不是使用的nginx服务，那么请查看下面文章的介绍跟着操作即可。</p> <p><a href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/X-Frame-Options">https://developer.mozilla.org/zh-CN/docs/Web/HTTP/X-Frame-Options</a></p> <p>以上内容就是教大家如何应付建网站过程中碰到网站被人框架引用的解决办法，如果有其他问题欢迎留言讨论。</p> </article><div class="mt-12 pt-8 border-t border-slate-200 grid grid-cols-1 sm:grid-cols-2 gap-4"><a href="/posts/wordpress-zhu-ce-she-zhi-mi-ma/" class="p-4 rounded-xl border border-slate-200 hover:border-emerald-400 bg-white hover:bg-slate-50 transition group flex flex-col"><span class="text-xs text-slate-400 mb-1">← 上一篇</span><span class="text-sm font-semibold text-slate-800 group-hover:text-emerald-600 line-clamp-1 transition-colors">WordPress网站注册时用户自己设置密码的几种方法</span></a><a href="/posts/wordpress-zhi-chi-pwa/" class="p-4 rounded-xl border border-slate-200 hover:border-emerald-400 bg-white hover:bg-slate-50 transition group flex flex-col sm:text-right"><span class="text-xs text-slate-400 mb-1">下一篇 →</span><span class="text-sm font-semibold text-slate-800 group-hover:text-emerald-600 line-clamp-1 transition-colors">让 WordPress 网站支持谷歌浏览器 PWA 应用方法</span></a></div></div><aside class="hidden xl:block w-72 flex-shrink-0 sticky top-24 space-y-6"><div class="bg-white border border-slate-200 rounded-2xl p-5 shadow-xs max-h-[75vh] overflow-y-auto"><div class="font-bold text-slate-900 text-sm mb-3 flex items-center gap-2"><span>📑 本文目录导航</span></div><ul class="space-y-1.5 text-xs"><li class="font-medium text-slate-700"><a href="#通过x-frame-options来限制其他网站引用" class="hover:text-emerald-600 transition block py-1 truncate" title="通过X-Frame-Options来限制其他网站引用">通过X-Frame-Options来限制其他网站引用</a></li><li class="font-medium text-slate-700"><a href="#nginx和宝塔面板实现方法" class="hover:text-emerald-600 transition block py-1 truncate" title="nginx和宝塔面板实现方法">nginx和宝塔面板实现方法</a></li><li class="font-medium text-slate-700"><a href="#其他设置方法" class="hover:text-emerald-600 transition block py-1 truncate" title="其他设置方法">其他设置方法</a></li></ul></div><div class="bg-gradient-to-br from-slate-900 to-slate-800 text-white rounded-2xl p-5 shadow-sm text-xs space-y-3"><div class="font-bold text-emerald-400 text-sm">⚡ 科学上网与VPS测速</div><p class="text-slate-300 leading-relaxed">需要高性价比 VPS 或千兆专线翻墙机场？可点击下方查看本站实时严选榜单。</p><div class="flex gap-2 pt-1"><a href="/airport" class="px-3 py-1.5 bg-emerald-500 hover:bg-emerald-600 text-white font-medium rounded-lg transition">机场排行</a><a href="/vps" class="px-3 py-1.5 bg-slate-700 hover:bg-slate-600 text-white font-medium rounded-lg transition">VPS主机</a></div></div></aside></div></main><footer class="bg-slate-900 text-slate-400 mt-20 border-t border-slate-800 text-sm"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-5 gap-8 mb-12"><div class="md:col-span-1 space-y-4"><div class="flex items-center gap-2"><div class="w-8 h-8 rounded-full overflow-hidden border border-emerald-500/40 flex-shrink-0 bg-slate-800"><img src="/avatar.webp" alt="VPS机场百科站长头像" class="w-full h-full object-cover"></div><span class="font-bold text-white text-base">VPS机场百科</span></div><p class="text-xs text-slate-400 leading-relaxed">vpsjichangwiki.blog 致力于分享高速稳定翻墙机场测评、海外优质 VPS 服务器深度跑分与科学上网客户端实用配置指南。</p><div class="flex items-center gap-3 text-xs text-slate-500"><span>🚀 专线节点</span><span>•</span><span>🔒 安全加密</span><span>•</span><span>📺 4K秒开</span></div></div><div><h4 class="text-slate-200 font-semibold mb-3 text-xs uppercase tracking-wider">客户端与节点</h4><ul class="space-y-2 text-xs"><li><a href="/clash/" class="hover:text-emerald-400 transition">Clash Verge Rev 配置指南</a></li><li><a href="/nodes/" class="hover:text-emerald-400 transition">全球优质节点与协议全解</a></li><li><a href="/tizi/" class="hover:text-emerald-400 transition">2026 稳定好用梯子严选</a></li><li><a href="/free/" class="hover:text-emerald-400 transition">免费翻墙梯子与试用避坑</a></li><li><a href="/tutorial/" class="hover:text-emerald-400 transition">实用技术与自建教程大全</a></li></ul></div><div><h4 class="text-slate-200 font-semibold mb-3 text-xs uppercase tracking-wider">核心专题与品牌</h4><ul class="space-y-2 text-xs"><li><a href="/jichang/" class="hover:text-emerald-400 transition">2026年稳定高速机场推荐榜</a></li><li><a href="/vpn/" class="hover:text-emerald-400 transition">高性价比海外VPS主机排行榜</a></li><li><a href="/brands/" class="hover:text-emerald-400 transition">28家机场与VPS品牌库大全</a></li><li><a href="/category/streaming/" class="hover:text-emerald-400 transition">Netflix / Disney+ 流媒体解锁</a></li><li><a href="/category/webmasters/" class="hover:text-emerald-400 transition">自建节点与独立站建站教程</a></li></ul></div><div><h4 class="text-slate-200 font-semibold mb-3 text-xs uppercase tracking-wider">信任与合规</h4><ul class="space-y-2 text-xs"><li><a href="/about/" class="hover:text-emerald-400 transition">关于本站 (About Us)</a></li><li><a href="/methodology/" class="hover:text-emerald-400 transition">测速与评测方法论</a></li><li><a href="/disclosure/" class="hover:text-emerald-400 transition">赞助与推广披露</a></li><li><a href="/privacy/" class="hover:text-emerald-400 transition">隐私政策 (Privacy)</a></li><li><a href="/terms/" class="hover:text-emerald-400 transition">服务条款与免责声明</a></li></ul></div><div><h4 class="text-slate-200 font-semibold mb-3 text-xs uppercase tracking-wider">网站服务与索引</h4><ul class="space-y-2 text-xs"><li><a href="/archives/" class="hover:text-emerald-400 transition">文章索引目录 (800+篇)</a></li><li><a href="/sitemap.xml" class="hover:text-emerald-400 transition" target="_blank">网站地图 (Sitemap.xml)</a></li><li><a href="/rss.xml" class="hover:text-emerald-400 transition" target="_blank">RSS 订阅源</a></li><li><a href="/robots.txt" class="hover:text-emerald-400 transition" target="_blank">Robots.txt 规范</a></li></ul></div></div><div class="pt-8 border-t border-slate-800 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-slate-500"><p>© 2026 VPS机场百科 (vpsjichangwiki.blog) · 纯静态架构 / Apache 深度优化加速</p><p class="text-slate-600">本站测评教程仅供网络技术学习与跨境电商开发使用，请遵守当地法律法规。</p></div></div></footer><div id="search-modal" class="hidden fixed inset-0 z-50 overflow-y-auto bg-slate-900/60 backdrop-blur-xs p-4 sm:p-6 md:p-20 flex justify-center items-start"><div class="relative w-full max-w-2xl bg-white rounded-2xl shadow-2xl border border-slate-200 overflow-hidden transform transition-all animate-in fade-in zoom-in-95 duration-150"><div class="flex items-center px-4 border-b border-slate-200 bg-slate-50/50"><svg class="w-5 h-5 text-slate-400 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg><input type="text" id="pagefind-input" class="w-full py-4 text-base bg-transparent text-slate-800 placeholder-slate-400 focus:outline-none" placeholder="搜索机场测评、节点测速、VPS主机、配置教程..." autocomplete="off"><button id="search-close-btn" type="button" class="p-1.5 text-slate-400 hover:text-slate-600 rounded-lg hover:bg-slate-200/50 transition ml-2" aria-label="关闭"><kbd class="px-2 py-0.5 text-xs bg-slate-200 text-slate-600 rounded font-mono">ESC</kbd></button></div><div id="search-results" class="max-h-96 overflow-y-auto p-4 space-y-2 divide-y divide-slate-100"><div class="text-center py-10 text-xs text-slate-400">输入关键词即可通过 Pagefind 毫秒级检索 780+ 篇本地百科内容</div></div><div class="px-4 py-2.5 bg-slate-50 border-t border-slate-100 flex items-center justify-between text-[11px] text-slate-400"><span>支持上下键选择 · ESC 退出</span><span class="flex items-center gap-1 font-mono">⚡ Pagefind 静态全文索引</span></div></div></div><script type="module">var e=(function(){let e=typeof document<`u`&&document.createElement(`link`).relList;return e&&e.supports&&e.supports(`modulepreload`)?`modulepreload`:`preload`})(),t=function(e){return`/`+e},n={},r=function(e){return e.pathname.endsWith(`.css`)},i=function(e,t,n){if(t in e)return e[t];let r=n();if(!r){e[t]=void 0;return}let i=r.then(()=>{e[t]=void 0},n=>{throw e[t]=void 0,n});return e[t]=i,i},a=function(a,o,s){let c=Promise.resolve();if(o&&o.length>0){let a,l=document.querySelector(`meta[property=csp-nonce]`),u=l?.nonce||l?.getAttribute(`nonce`);function d(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}function f(e){return import.meta.resolve?new URL(import.meta.resolve(e)):new URL(e,import.meta.url)}c=d(o.map(o=>{o=t(o,s);let c=f(o),l=r(c);return i(n,c.href,()=>{if(a===void 0){a={all:new Set,styles:new Set};let e=document.getElementsByTagName(`link`);for(let t=e.length-1;t>=0;t--){let n=e[t];a.all.add(n.href),n.rel===`stylesheet`&&a.styles.add(n.href)}}if((l?a.styles:a.all).has(c.href))return;let t=document.createElement(`link`);if(t.rel=l?`stylesheet`:e,l||(t.as=`script`),t.crossOrigin=``,t.href=c.href,u&&t.setAttribute(`nonce`,u),document.head.appendChild(t),l)return new Promise((e,n)=>{t.addEventListener(`load`,e),t.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${c}`)))})})}).filter(e=>e!==void 0))}function l(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return c.then(e=>{for(let t of e||[])t.status===`rejected`&&l(t.reason);return a().catch(l)})},o=null;async function s(){if(!o)try{o=await a(()=>import(`/pagefind/pagefind.js`),[]),await o.init()}catch{try{o=await a(()=>import(`/_pagefind/pagefind.js`),[]),await o.init()}catch{console.warn(`Pagefind is available in production build.`)}}return o}var c=document.getElementById(`search-modal`),l=document.getElementById(`pagefind-input`),u=document.getElementById(`search-results`),d=document.getElementById(`search-close-btn`);function f(){c?.classList.add(`hidden`),l&&(l.value=``),u&&(u.innerHTML=`<div class="text-center py-10 text-xs text-slate-400">输入关键词即可通过 Pagefind 毫秒级检索 780+ 篇本地百科内容</div>`)}d?.addEventListener(`click`,f),c?.addEventListener(`click`,e=>{e.target===c&&f()}),window.addEventListener(`keydown`,e=>{e.key===`Escape`&&!c?.classList.contains(`hidden`)&&f()});var p;l?.addEventListener(`input`,async e=>{clearTimeout(p);let t=e.target.value.trim();t?p=setTimeout(async()=>{let e=await s();if(!e){u&&(u.innerHTML=`<div class="text-center py-8 text-xs text-slate-500">Pagefind 本地静态搜索已就绪（将在生产打包或访问时自动索引）。</div>`);return}let n=await e.search(t);if(!n.results||n.results.length===0){u&&(u.innerHTML=`<div class="text-center py-8 text-xs text-slate-400">未找到包含 "${t}" 的相关内容</div>`);return}let r=await Promise.all(n.results.slice(0,10).map(e=>e.data()));u&&(u.innerHTML=r.map(e=>` <a href="${e.url}" class="block p-3 rounded-xl hover:bg-emerald-50/60 transition group"> <h4 class="text-sm font-semibold text-slate-800 group-hover:text-emerald-600 transition-colors line-clamp-1 mb-1"> ${e.meta?.title||`查看文章`} </h4> <p class="text-xs text-slate-500 line-clamp-2 leading-relaxed"> ${e.excerpt||``} </p> </a> `).join(``))},150):u&&(u.innerHTML=`<div class="text-center py-10 text-xs text-slate-400">输入关键词即可通过 Pagefind 毫秒级检索 780+ 篇本地百科内容</div>`)});</script><button id="back-to-top" type="button" class="hidden fixed bottom-6 right-6 p-3 bg-emerald-600 hover:bg-emerald-700 text-white rounded-full shadow-lg transition-all z-30" aria-label="回到顶部"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path></svg></button><script type="module">var e=document.getElementById(`back-to-top`);window.addEventListener(`scroll`,()=>{window.scrollY>400?e?.classList.remove(`hidden`):e?.classList.add(`hidden`)}),e?.addEventListener(`click`,()=>{window.scrollTo({top:0,behavior:`smooth`})}),document.addEventListener(`error`,e=>{let t=e.target;t&&t.tagName===`IMG`&&(t.style.display=`none`)},!0);</script></body></html><script type="module">document.querySelectorAll(`pre`).forEach(e=>{let t=document.createElement(`button`);t.className=`absolute top-2.5 right-2.5 px-2.5 py-1 text-[11px] font-medium bg-slate-800 text-slate-300 hover:text-white hover:bg-slate-700 rounded-md transition shadow-sm`,t.textContent=`复制`,t.addEventListener(`click`,()=>{let n=e.querySelector(`code`)?.innerText||e.innerText;navigator.clipboard.writeText(n).then(()=>{t.textContent=`已复制!`,t.classList.add(`text-emerald-400`),setTimeout(()=>{t.textContent=`复制`,t.classList.remove(`text-emerald-400`)},2e3)})}),e.appendChild(t)});</script>