catch되지 않은 (약속의) 형식 오류 : Laravel에 정의되지 않은 재산 '대해 forEach를'읽기 및

Question

Hello friends I am tired of getting this error when i count a length of notification by using vue.js and Laravel it show error,Uncaught (in promise) TypeError: Cannot read property 'forEach' of undefined plz help me. here is my code.

store.js

import Vuex from 'vuex' 
import Vue from 'vue' 

Vue.use(Vuex) 

export const store = new Vuex.Store({ 
state: { 
    nots: [] 

}, 
getters: { 
    all_nots(state) { 
      return state.nots 
    }, 
    all_nots_count(state) { 
      return state.nots.length 
    }, 

}, 
mutations: { 
    add_not(state, not) { 
      state.nots.push(not) 
    }, 
} 
}) 

에게 vue.js 수 없습니다 UnreadNots.vue

<template> 
    <li> 
     <a href="/notifications"> 
       Unread notifications 
       <span class="badge">{{ all_nots_count }}</span> 
     </a> 
    </li> 
    </template> 
<script> 
    export default { 
     mounted() { 
       this.get_unread() 
     }, 
     methods: { 
       get_unread() { 
        this.$http.get('/get_unread') 
         .then((nots) => { 
           nots.body.forEach((not) => { 
            this.$store.commit('add_not', not) 
           }) 
         }) 
       } 
     }, 
     computed: { 
       all_nots_count() { 
       return this.$store.getters.all_nots_count 
       } 
     } 

    } 
</script> 

web.php

Route::get('get_unread', function(){ 
    return Auth::user()->unreadNotification; 
    }); 

Answer 1

오류를 방지하려면 반환 값을 ma로 테스트해야합니다. 당신이 기대하는 모든 것이 있는지 확인하십시오.

if(nots && nots.body && nots.body.length){ 
    nots.body.forEach((not) => { 
     this.$store.commit('add_not', not) 
    }) 
} 

Answer 2

forEach에 배열이 필요하기 때문에이 오류가 발생합니다. 그것은 정의되지 않았습니다. 그것은 오류에서 분명합니다.

이 문제를 해결할 수있는 방법 중 하나는 nots.body이 배열이고 항목이 있는지 확인하는 것입니다.

this.$http.get('/get_unread') 
    .then(nots => { 
     if (Array.isArray(nots.body) && nots.body.length) { 
      nots.body.forEach(not => { 
       this.$store.commit('add_not', not) 
      }) 
     } 
    }) 

또 다른 팁은 URL에 밑줄을 사용하지 않는 것입니다. 예를 들어 Google은 밑줄로 구분 된 단어를 한 단어로 취급하지만 하이픈의 경우 두 단어로 간주합니다. get_unread은 get-unread이어야합니다. 이것은 큰 문제는 아니지만, my_blog_title과 같은 다른 URL에 대해 이렇게하면 큰 문제가됩니다.

이 같은 통보를위한 더 나은 솔루션 http://mywebsite.com/user/notifications/unread