问题标签 [headless-cms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
376 浏览

javascript - 如何在初始渲染之前进行异步获取

我目前正在前端使用 Next.js 使用 Wordpress API。我想获取我的导航/菜单数据并进行预渲染。<nav> </nav>我已经尝试过,但是当我检查源代码时只呈现一个空元素。有一个简单的解决方案吗?

这是我的导航组件:

还有我的自定义useFetch.js钩子:

0 投票
1 回答
571 浏览

javascript - 修改 Strapi 中的默认查找服务

我的 Strapi 设置中有 2 种收藏类型:product产品review有很多评论。

我想在/productsand的响应中添加 2 个新字段/products/:id

我想覆盖默认find服务来实现这一点,但我无法找到strapi.query("product").find(params, populate)覆盖它的源代码。

如果可能,我需要在单个查询中完成此操作,而不是进行多个查询。

到目前为止,我有:

但我不确定如何以完全相同的方式处理paramsand 。populate.find(params, populate)

0 投票
1 回答
109 浏览

reactjs - 通过我的数组获取 [object Object] 映射

我试图在我的 nextJS 应用程序中从 Wordpress CMS 中吐出数据。这是个。ACF 中继器字段。我通过编辑器很好地获取了数据,但尝试使用 map 将其推送到我刚刚得到 [object object] 的页面。

下面是有问题的代码——我只是误解了 Map 的工作原理吗?

这是返回给我的东西

此代码工作正常,这不是调用转发器,只是 ACF 组中的一个字段。

然后下面是我的查询

这是我控制台输出 node.GlobalFAQ.faq 时得到的结果

0:{问题:“我如何为我的订单付款?”,回答:“

我们将包含一个带有...的订单摘要链接,就像您在任何其他电子商务商店中所做的一样。

↵"} 1:{问题:“我怎么知道我会得到我的轮子?”,回答:“

想要在发送 mo 之前进行研究……#8217;很高兴知道它在那里)。

↵"} 2:{问题:“如果我发现价格低于您的报价怎么办?”,回答:“

哇。你一定找到了一个非常好的交易。Se……我们会尝试,偶尔我们不能。)

↵"} 3:{问题:“你卖的是第二轮还是有瑕疵的轮子?”,回答:“

没有。除非特别列为有瑕疵的 w…ew、首次运行和制造保修。

↵"} 4:{问题:“你也卖轮胎吗?”,回答:“

是的。我们可以在…els 上获得折扣价。让我们知道您想要什么。

↵"} 5:{问题:“你怎么能卖比其他地方便宜的轮子?”,回答:“

我们可以出售的主要原因有两个,因此可以将大米传递给我们的客户。

↵"} 长度:6 原型:数组(0)

0 投票
1 回答
1020 浏览

php - Directus:如何正确创建与同一个集合的多对多关系

我创建了一个主题集合。我想为同一个集合创建多对多关系。列名是related_topics

我遵循了文档,因此我为该列创建了一个多对多关系和一个连接表,它将topic.idtopic_related.topic_id1以及从另一边topic.idtopic_related.topic_id2相关联。

对于主题 (A),我可以选择主题 (B)。

但是,如果我打开 (B),我在那里看不到任何相关主题。

我希望看到(A)。

难道我做错了什么 ?

谢谢你的时间 !

编辑1:

相关主题 在此处输入图像描述

在主题 AI 的页面上,将选择 B 作为相关文章: 在此处输入图像描述

我也希望在主题 B 的页面上找到这种关系,但我发现了这个: 在此处输入图像描述

0 投票
1 回答
162 浏览

vue.js - Promise 被拒绝并且无法在 VUE 和 Directus 中获取Collections 或 getItems

vueJS 和 Directus 世界的新手。通过浏览在线文档来学习我的方法。仍在寻找一个体面的教程,逐步说明如何访问 Directus 的远程安装并在 vueJS 应用程序中使用其数据。

我的设置如下:

  • vueJS 应用程序正在我的本地机器上在 VS Code Directus 设置中开发并在远程服务器上运行

在我的 home.js 组件中,我似乎能够通过以下方式访问 Directus,并且在我的浏览器控制台中没有错误:

当我尝试输出带有以下内容的集合列表时,我得到一个被拒绝的 Promise 和 401 未授权。

希望一旦我了解了上述内容为何不起作用并找到解决方案,我将能够访问我的 Directus seup 中的数据并在我的 HTML 中使用它。

非常感谢所有帮助。提前谢谢了。

如果有一个新手分步教程解释如何执行上述操作,我会很乐意复习。

提前谢谢了

0 投票
0 回答
164 浏览

content-management-system - 用于手动编码 html 网站的无头 CMS - 从 wordpress 转向无头

我已经手写了我的网站 html/css/js,我正在寻找一个 CMS 解决方案,该解决方案在服务器上安装起来非常简单(可能类似于将文件夹上传到我的 ftp 中,其中包含 CMS)并连接它大致将标签复制粘贴到页面的 h1-h6-p/image 区域。我不是在寻找最流行的解决方案(没有 wordpress、drupal 和它的朋友),我在寻找易于设置、易于连接并且最重要的是不会弄乱一个运行良好的页面的东西。我以前用过wordpress,我不喜欢需要修复一个页面,因为wp需要将它分成几部分,这本身就会产生很多问题——这可以通过减慢网站速度的插件来解决要么一起工作,要么不一起工作,等等等等,......它的wordpress。

我已经查找了无头 CMS 解决方案,并想尝试一些,但我通常会遇到以下问题:

Strapi - 需要服务器上的节点 js,我需要可以在任何托管环境上运行而无需复杂设置的东西

棱镜 - 看起来不错,但我被困在如何将它与不是由静态站点生成器生成的静态 html 网站连接起来(在他们的集成页面上,有 npm 的解决方案,我看不到将它连接到的选项一个简单的静态网站)

鲈鱼 - 它非常接近我正在寻找的东西,但安装起来很痛苦,因为它需要一堆我真的无法访问/或不想弄乱的托管设置

有任何想法吗?

0 投票
1 回答
651 浏览

reactjs - WPGraphQL useMutation GraphQL 错误:“RootMutation”类型的字段“registerUser”上的未知参数“用户名”

我正在使用 react、nextjs 和 wpgraphql 构建一个无头 wordpress 网站。我正在尝试创建一个突变来注册用户,但在提交表单后出现以下错误:

当我使用 GraphiQL 在 wordpress 中直接测试突变时,一切都按预期工作:

这是我正在使用的代码:

我很感激我能得到的任何帮助来让它工作。

0 投票
0 回答
18 浏览

content-management-system - 当我从我的撇号项目中手动删除一块时,如何忽略警告?

我已经从我的撇号项目中手动删除了一块。现在,当我运行该项目时,它显示为警告:看起来您可能在代码中犯了错误:

模块横幅不扩展任何东西,也没有 beforeConstruct,constructafterConstruct功能。这通常意味着您:

  1. 忘记到extend另一个模块

模块横幅不扩展任何东西,也没有 beforeConstruct,constructafterConstruct功能。这通常意味着您:

  1. 忘记到extend另一个模块
  2. 配置了一个来自 npm 的模块,没有安装它
  3. index.js只是还没有写你的

如果您真的想要一个没有代码的模块,请将此模块的ignoreNoCodeWarning选项设置true为。

我应该怎么做才能忽略这个警告?

0 投票
1 回答
640 浏览

php - Craft CMS element-api 如何在条目中获取类别字段的值

处理来自 Craft CMS 项目的 element-api.php 文件。有很多辅助功能。我添加了一个名为学科的类别。我正在尝试公开每个条目的值。

这是我正在处理的整个辅助函数:

除了 caseStudies 数组之外,一切正常,我添加了这一行:

返回错误:传递给 {closure}() 的参数 1 必须是 CategoryModel 的实例,给定的 craft\elements\Category 的实例

站点位于 Craft 3.3.15。Element-Api 插件是 2.6.0

0 投票
2 回答
192 浏览

shopify - 如何将 Strapi 内容提取到我的 bigcommerce 主题?

我对 Strapi 很陌生,我有 bigcommerce 主题,我应该在其中实施来自 Strapi 的内容。

如何将 Strapi 中的内容导入我的 bigcommerce 主题?

在我的 bigcommerce 主题中,我有 config.json,其中有以下字段:

简而言之,我需要用 Strapi 的内容填充主题。

感谢您的宝贵时间,每一个建议都会很好!