NuxtでAPIをルータモジュールで作成するとSSRエラー？

Question

私はルータモジュール 現在でNuxtを使用するには、私はこのようなAPIを書く： 私はこれを修正するにはどうすればよい：

<template> 
    <div class="row flex"> 
    {{posts.id}} 
    </div> 
</template> 
<script> 
    import axios from 'axios' 
    import Item from '~/components/feeds/Post.vue' 
    export default { 
    async asyncData ({ store, route }) { 
     let { data } = await axios.get('http://localhost:8000/api/v1/feeds/' + route.params.id + '/') 
     return { 
     posts: data 
     } 
    }, 
    components: { 
     'post-detail': Item 
    } 
    } 
</script> 

が、私はこのエラーを取得します。

Answer 1

多分あなたを助けることができます。

export default { 
     layout: 'main', 
     async asyncData ({store, params}) { 
      let projectId = params.id; 
      let {data} = await axios.get('https://admin.xxx.com/page/preview/' + projectId) 
      return { 
       pageContent: data.xxx, 
       title: data.xxx.meta_title, 
       description: data.xxx.meta_desc, 
       keywords: data.xxx.meta_key, 

      } 
     }, 
}