Gridsome在API更改后不会刷新数据

2022-01-27 09:37:21 标签 apivue.jsasynchronousstrapigridsome

我从一个strapi Api作为集合获取数据,但如果我在strapi中进行更改,数据不会在Gridsome中更改,我必须重启Gridsome服务器以获得新的信息。

在本地开发中运行Api和Gridsome

我已经检查了strapi是工作的,graphql没有得到新的数据。

我的代码:

gridsome。server。js

const axios = require('axios')
api.loadSource(async actions => {
const { data } = await axios.get('http://localhost:1337/events')
const collection = actions.addCollection({
   typeName: 'Event',
   path: 'event/:id'
})
 for (const event of data) {
 collection.addNode({
 id: event.id,
 title: event.title,
 description: event.description,
 price: event.price,
 date: event.date,
 location: event.location,
 duration: event.duration,
 coverName: event.cover.hash,
 coverThumbNail: event.cover.formats.thumbnail.url,
 coverMedium: event.cover.formats.medium.url,
 coverImage: event.cover.formats.large.url,
 category: event.categories,
 path: '/events/'+event.id
 })
}
})

我index。vue

<page-query> query { events: allEvent{ edges{ node { id title description price date location duration coverName coverThumbNail coverMedium coverImage category { id } } } } } </page-query>
 <script>
     export default {
          data: () => ({
          events: []
         }),
          mounted() {
         this.events = this.$page.events.edges
          },
         }

谢谢您的时间

###来自strapi。io的文档

https://strapi。io/documentation/developer-docs/latest/developer-resources/content-api/integrations/gridsome。html#configure-gridsome

Gridsome是一个静态网站生成器(打开新窗口),将在构建时从Strapi获取您的内容。

基本上,这意味着Gridsome的GraphQL在构建时“充满”来自Strapi的数据,为了获得新文章,你应该重新生成你的页面。

如果你不想每次添加一个帖子时都手动部署你的站点,你应该检查Strapi的webhook

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码