Question

我正在尝试使用URL链接在react应用中打开和查看文档
单击URL链接后，控制台中不断显示相同的错误

“”中的脚本执行受阻，因为文档的框架已被沙箱化，并且未设置“允许脚本”权限。
仍然，文档在UI中呈现
我研究了错误并显示了与部署问题相关的结果
对应用程序的哪一部分遇到错误的想法感到震惊
你们能帮我解决您的建议吗
整个代码可在stackbiltz链接中找到：https://stackblitz.com/edit/react-8dv5yl?file=index.js -提供以下代码段：

App.js

export function App(props) {

  return (
    <div>
      { sportsProfile(user) }
    </div>
  );
}

sportsProfile.js

Java link: <a href="https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit">https://docs.google.com/document/d/1axZ-C9TqnNJy_iFQBGQ5G1ZzT54enCGWGHHAV3BcVWQ/edit</a>

Answer 1

您的应用程序在Stackblitz网站的Iframe中运行。

Google文档不允许其他网站将其自身包含在iframe中。因此docs.google.com会拒绝您的请求或阻止您在Google页面中执行javascript代码，因为您的页面位于Stackblitz视图中的iframe中。

如果在任何iframe中都没有代码，则可以在本地运行代码，也可以将其链接更改为其他网址，以将其包含在iframe中。

它可以保护用户免受XSS的侵害，有关iframe的更多信息，请参见https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

使用文档URL链接onclick查看文档时出错

1 个答案: