라우터 모듈을 사용하여 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, 

      } 
     }, 
}