Teams标签页应用无法在会议场景加载，报X-Frame-Options错误

核心原因 #

Refused to display 'https://www.microsoft.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin' 这个报错是因为目标网站（此处为microsoft.com）设置了X-Frame-Options: sameorigin安全头，仅允许自身域名下的页面嵌入该网站内容。而Teams群组会议加载应用时，是在Teams的iframe环境中运行，属于外部域名，因此触发了这个限制。

可行解决方案 #

• 替换嵌入内容：如果是测试场景，改用允许跨域嵌入的页面（比如自己搭建的无X-Frame-Options限制的静态页面），验证会议场景下的加载逻辑是否正常。
• 修正应用配置：检查Teams应用manifest.json中会议Tab的contentUrl配置，确保指向的是你自己的应用服务地址，而非第三方受限网站。如果误将外部网站设为内容源，就会触发这个报错。
• 调整内容展示方式：如果需要展示外部受限网站的内容，不要直接在前端嵌入iframe，可通过自己应用的后端代理获取内容后再展示，绕过X-Frame-Options的限制。

快速验证步骤 #

将manifest.json里会议Tab的contentUrl临时替换为本地开发地址（比如http://localhost:3000），测试群组会议中是否能正常加载。如果可以，说明问题出在原内容源的X-Frame-Options限制上，而非你的应用逻辑。

内容的提问来源于stack exchange，提问作者Rafael