Google Plus 图标未显示 - “X-Frame-Options 禁止显示”答案

【问题标题】：Google Plus icon not showing - “Display forbidden by X-Frame-Options”Google Plus 图标未显示 - “X-Frame-Options 禁止显示”
【发布时间】：2015-02-27 21:04:07
【问题描述】：

我一直在尝试在我的网页上添加一个 google plus 图标，但我无法让它工作。我使用 HTML5 并且尝试过这样做：

我在</body>之前添加了以下<script>

<script src="https://apis.google.com/js/plusone.js"></script>

这个在我想要显示的地方。

<g:plusone size="tall" count="true"></g:plusone>

但我收到以下错误

拒绝显示 'https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&size=tall&count=...刷新&id=I0_1425069928860&parent=file%3A%2F%2F&pfname=&rpctoken=36362517' 在一个框架中，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

我还检查了this 问题，但&output=embed 解决方案对我不起作用。

我可以使用 iframe 使用 facebook 和 twitter 共享，但我找不到为 google +1 执行相同操作的示例。

注意：我正在制作的页面是作业的一部分，它不应该在截止日期之后才上线。我不知道问题是否是因为该页面仍然在我的计算机上。

【问题讨论】：

本地测试可能确实是问题所在。如果您想在自己的机器上进行测试，但有更“真实世界”的配置和设置，您可以尝试设置自己的 XAMPP/WAMP 服务器。谷歌一下就行了。
您是使用本地主机上的 WAMP/XAMP 服务器测试它，还是仅通过在浏览器上执行 HTML 文件？
到目前为止，我只是在浏览器上运行该文件。
如果您想要一个简单的解决方案来设置类似服务器的环境而无需设置全栈服务器环境，请尝试使用 Brackets 实时预览功能：brackets.io

标签： javascript html google-plus google-plus-one

【解决方案1】：

页面设置在线后，问题似乎是因为页面不在线。

经过一番研究，我发现需要一个 HTTP 服务器。出于安全原因，大多数浏览器默认使用 SAMEORIGIN 策略，并且不允许访问不同的域。

这是一个非常有启发性的链接： https://security.stackexchange.com/questions/67889/why-do-browsers-enforce-the-same-origin-security-policy-on-iframes

【讨论】：