Жизненный цикл asyncData не работает в Nuxt & Vue правильно

Question

Я хочу получить данные по AsyncData жизненному циклу для извлечения этой серверной стороны, Axios doesn't work inside AsyncData, чтобы элементы данных не перезаписывались.

Есть идеи для решения этой проблемы?С уважением.

<template>
   <div>
       <div> messages: {{ messages }} </div>
       <div> enable: {{ enable }} </div>
   </div>
</template>

<script>
export default {
  data () {
    return {
      messages: '',
      enable: false
     }
   }
  mounted (){
   // Something.......
  },
  async asyncData () {
        await this.axios.get('sample url') 
         .then(({result}) => {
            let value = JSON.parse(result.value);
            return {
                messages: value.messages,
                enable: value.enable,
            };
        });
    }
  }
</script>

Answer 1

Вы ничего не возвращаете из asyncdata. Следует либо вернуть обещание, либо ожидать данные и вернуть его

asyncData () {
        return this.axios.get('sample url') 
         .then(({result}) => {
            let value = JSON.parse(result.value);
            return {
                messages: value.messages,
                enable: value.enable,
            };
        });
    }