неопределенные переменные проекты

Question

У меня проблема.

У меня есть этот компонент с именем ProjetDetail. Внутри него у меня есть этот блок кода:

Я хочу получить проекты из БД, но ничего не происходит:

export default {
    data(){
        return{
        id: this.$route.params.id,
      projets:[],
        projet:{
             id:'',
       name:'',
       durre:'',
       description:'',
       budget:'',
       owner:'',
        }
        }
    },
    methods:{
        afficherProjet(){
       axios.get('api/id').then(({data}) => (this.projets = data.data));
        }
    },
    created(){
      this.afficherProjet()
    },
    mounted() {
        console.log('Component mounted.')
    }
}

, и это мой контроллер:

public function projet(){
    return Projet::latest()->paginate(15);
}

Answer 1

public function projet(){
    $projets = Projet::latest()->paginate(15);
    return response()->json(['data' => $projets]);
}

Вы не отправляете закодированный ответ JSON от вашей функции.