如何使用javascript在网站上显示storyblok故事

Question

您好，我正在使用 Storyblok 无头摄像头

特别使用内容交付 API https://github.com/storyblok/storyblok-php-client#content-delivery-api

require 'vendor/autoload.php';
use Storyblok\Client as StoryblokClient; // you can use also an alias
$client = new StoryblokClient('#');
$data = $client->getStoryBySlug('tomandjerry')->getBody();
// access to the body response...
print_r($data["story"]);

echo $data["cv"] . PHP_EOL;
print_r($data["rels"]);
print_r($data["links"]);

获取上述故事的访问权限，如何按照本文档所述在我的自定义网站上预览故事

https://www.storyblok.com/docs/guide/essentials/visual-editor

Answer 1

当您检查演示、寻求灵感或向其他人展示 Storyblok 的功能时，预览 URL 会被硬编码到团队开发的 FE 预览环境中。

为了使用您自己的预览 URL，您需要创建一个新空间，请在 Nuxt 教程中查看它的外观： [在此处输入图像描述][1]在 Storyblok 的可视化编辑器中预览指向 localhost 的 URL

https://www.storyblok.com/tp/add-a-headless-CMS-to-nuxt-3-in-5-minutes#enabling-the-visual-editor

您能看到“更改 URL”按钮吗？这就是打开预览 URL 列表的那个，您正在寻找的内容。

希望对您有帮助！

另请参考：在 Storyblok 可视化编辑器中将预览 URL 更改为本地