使用storyblok和nuxt设置可视化编辑器

Question

我是nuxt在storyblok的新手。我在windows10上使用chrome，我的nuxt应用是静态的，ssr是真的。

我正在按照下一个教程来制作我的第一个应用程序- https://www.storyblok.com/tp/nuxt-js-multilanguage-website-tutorial一切都运行得很好，除了我试图设置可视化编辑器的时候。我进入设置和常规选项卡，将位置(默认环境)的值更改为http://localhost:3000/。我更改并保存了它。

在那之后，当我点击“主页”内容时，我得到了nuxt页面错误，它很快就消失了，浏览器打开了一个空白页面，并显示了一个chrome调试控制台错误：

'bridge:24 Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at https://app.storyblok.com/bridge:24:26'

在那之后，如果点击chrome back按钮，它永远不会回到上一页，如果我想再试一次，我必须手动重新启动到空格区。

我知道这个问题与“home”slug有关，正如教程中所说的。我的应用没有‘主页’页面。但是如果我按照教程中所说的将realpath更改为'/‘，我就无法让可视化编辑器在http://localhost:3000中使用我的nuxt应用程序。我总是得到相同的错误。

我已经注意到这个问题只发生在chrome中。

这里我漏掉了什么？

Answer 1

我在Chrome中遇到了同样的问题，让你在预览编辑器页面上允许第三方cookie，它应该可以工作。