如何使用amp在nuxt js中获取数据

Question

我正在尝试构建一个具有某些功能的amp网站，因此我需要从API获取一些数据，我尝试了许多方法，但没有一种对我有用。我的枪手之一。

created () {
    fetch('http://myapi/api/post/', { 'Content-Type': 'application/json' }).then(data => {
        this.posts.push('I hope it works');
    });
}

我尝试了很多方法，但没有找到解决方案。

Answer 1

我假设您想使用服务器端渲染。

如果要从API开始获取组件数据，则必须使用asyncData方法。 https://nuxtjs.org/guide/async-data/

export default {
  asyncData () {
    return fetch(`https://my-api/api/post/`)
      .then((res) => {
        return { posts: res.data.posts }
      })
  }
}

之后，您可以像在posts中声明属性一样使用data()属性>

Answer 2

[经过大量的搜索，尝试和咨询，我发现没有不违反amp规则就无法获取数据的方法，因此唯一的方法是通过amp-list来获取数据，有关amp-list的更多信息，请参见documentation。