게시물이 로드가 안 되는것 같아요

몇 번을 돌려봐도 맞게 했는데 게시물이 로드가 안되네요..

로그인 전 홈 화면에서도 아무것도 없고,

로그인 후 홈 화면에서도 아무것도 없습니다.

하지만

게시글 등록하고 밑에 게시물이 눈에 보이는데

새로고침하면 게시물은 사라집니다.

DB에는 등록이 잘 되구요

프론트에서 loadPosts를 불러오지 못하는 것 같아

제로초님 깃허브를 참고하려 했으나 그 파일이 최종본이라

차이가 많이나서 어느 부분을 참고해야할지 모르겠네요

Vue devtools로 봐도 loadPosts를 부르지도 않더라구요

어느 부분을 건드려야할지 감이 안 잡혀서 질문드립니다...

-----------------------------------------------------

front/store/posts.js/mutations

loadPosts(state, payload) { // 게시글 불러오기

    state.mainPosts = state.mainPosts.concat(payload.data);

    state.hasMorePost = payload.length === limit;

  },

-----------------------------------------------------

front/store/posts.js/actions

loadPosts({ commit, state }, payload ) {

    if(state.hasMorePost) {

      this.$axios.get(`/posts?offset=${state.mainPosts.length}&limit=10`)

      .then((res) => {

        commit('loadPosts', res.data);

      })

      .catch((err) => {

        console.error(err);

      });

    }

  },

-----------------------------------------------------

back/routes/posts.js

const express = require('express');

const db = require('../models');

const router = express.Router();

router.get('/', async (req, res, next) => { // 게시글 여러개

  try {

    const posts = await db.Post.findAll({

      include: [{

        // 게시글 작성자의 아이디와 닉네임

        model: db.User,

        attributes: ['id', 'nickname'],

      }, {

        // 게시글 이미지

        model: db.Image,

      }, {

        // 좋아요 누른 사람 목록 중 아이디

        model: db.User,

        as: 'Likers',

        attributes: ['id'],

      }, {

        // 리트윗한 원본 정보: 작성자의 아이디와 닉네임

        model: db.Post,

        as: 'Retweet',

        include: [{

          model: db.User,

          attributes: ['id', 'nickname'],

        }, {

          // 리트윗한 원본 이미지

          model: db.Image,

        }],

      }],

      order: [['createdAt', 'DESC']],

      offset: parseInt(req.query.offset, 10) || 0,

      limit: parseInt(req.query.limit, 10) || 10,

    });

    res.json(posts);

  } catch (err) {

    console.error(err);

    next(err);

  }

});

module.exports = router;

-----------------------------------------------------

vue-nodebird의 posts 테이블

-----------------------------------------------------

로그인 전 홈 화면

----------------------------------------------------

로그인 후 홈 화면

-----------------------------------------------------

게시글 작성 후 화면

-----------------------------------------------------

게시글 작성 후 새로고침한 화면

fetch({ store }) { // 컴포넌트가 화면에 보여주기 전에
      console.log('pages/index/fetch');
      return store.dispatch('posts/loadPosts');
},