SuperAPI AI 工具集

nuxt-studio

通用与其它

查看项目

更新于 10-15 21:05

技能介绍

用途:为已有 Nuxt Content 网站添加可视化内容编辑能力,支持在生产环境直接编辑内容,通常部署到 studio.domain.com 或 cms.domain.com 等子域名。

主要能力:提供三种编辑器(Monaco 代码编辑器、TipTap 可视化 WYSIWYG、表单编辑器),支持 GitHub/GitLab/Google OAuth 认证,基于 Git 的内容管理与提交集成。

前置条件:Nuxt ≥3.x、@nuxt/content ≥2.x、建议 Node.js ≥20.x;Cloudflare 部署需 Cloudflare 账号。

安装:npx nuxi module add nuxt-studio@beta(当前为 v1.0.0-beta.3)。开发模式访问 http://localhost:3000/_studio。

OAuth:需设置 NUXT_OAUTH_<PROVIDER>_CLIENT_ID/SECRET,回调地址为 https://studio.yourdomain.com/api/auth/callback/[provider]。

Cloudflare 部署:在 nuxt.config.ts 中设置 nitro.preset 为 cloudflare-pages,可选 wrangler.toml,配置环境变量与自定义域名。

编辑器配置:studio.editor.default 可选 tiptap、monaco 或 form。

常见错误:OAuth 回调地址不匹配、模块未找到、Cloudflare 构建失败、登录后认证循环、子域名路由失效。

限制:资料未提供收费、价格、平台支持范围及效果保证等信息。