NUXT 미들웨어에 Vuex 저장소가 정의되어 있지 않습니다.

NUXT 미들웨어에 Vuex 저장소가 정의되어 있지 않습니다.

나는 NUXT를 연습하고 있는데 튜토리얼에서 잘 작동한다. 나는 NUXT 미들웨어에 들어갈 때 실패한다.논리는 페이지가 다른 페이지로 리다이렉트되면 미들웨어에 들어가 액시오스를 사용하여 결과를 가져옵니다.

미들웨어/검색.개요

import axios from 'axios';

export default function ({ params, store }) {
    console.log(store)

    return axios.get(`https://itunes.apple.com/search?term=~${params.id}&entity=album`)
        .then((response) => {
            console.log(response.data.results);
            store.commit('add', response.data.results)
        })
}

여기 들어오면store.commit('add'...발생하다

정의되지 않은 속성 'commit'을 읽을 수 없습니다.

commit =가 정의되어 있지 않습니다.

내가 뭘 놓쳤지?난 이미 해봤다.this.$store.commit(...)아직 정의되지 않았습니다.

VUEX

store/index.displaces

import Vuex from 'vuex'

const createStore = () => {
  return new Vuex.Store({
    state: {
      albums: []
    },
    mutations: {
      add (state, payload) {
        state.albums = payload
      }
    }
  })
}

export default createStore

위의 튜토리얼의 코멘트에서 해결책을 찾았지만, 다른 분들도 어려움을 겪고 있다면 여기서 공유하고 싶습니다.

개발 C서버 정지 +

그런 다음 개발 서버를 재시작합니다.

npm run dev

그러면 VUEX가 미들웨어 tnx에 표시됩니다.

개발 서버를 재기동하는 것도 도움이 되었습니다.변경 시 Vuex가 새로고침되지 않는 것 같습니다.

달려.npm run dev효과가 있을 거야

언급URL : https://stackoverflow.com/questions/50120277/vuex-store-is-undefined-in-nuxt-middleware