Inflearn Community Q&A

5-14강좌에 해당내용이 설명되어있었네요 쓰로틀링! 해결하였습니당

스크롤이 내려가고 데이터를 받아오는 사이에 스크롤이 원래위치에 그대로 있어서 여러번 요청되는거 같길래

fornt/pages/index.vue의 onScroll매서드에 newDataFlag라는 조건을 하나 넣어서 해결하였습니다.

methods: {
        async onScroll() {
            if (window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 200 && this.newDataFlag){
                if(this.hasMorePost){
                    try{
                        this.newDataFlag=false;
                        await this.$store.dispatch('posts/loadPosts');
                        this.newDataFlag=true;

                    }catch{
                        alert('온스크롤 메소드 에러');
                    }
                }
               
            }
        }
    },

더좋은 방법이 있을까요?

로그인 부분은 옵션메서드인데 게시글요청은 모두 get요청이네요

method를 보여주세요. 네트워크 탭에서 헤드컬럼에서 오른쪽 누르고 method 활성화하시면 됩니다. 하나가 options 메서드가 아닌지 확인해보세요.