Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript NUXT中间件中未定义Vuex存储_Javascript_Vue.js_Vuex_Nuxt.js - Fatal编程技术网

Javascript NUXT中间件中未定义Vuex存储

Javascript NUXT中间件中未定义Vuex存储,javascript,vue.js,vuex,nuxt.js,Javascript,Vue.js,Vuex,Nuxt.js,我正在练习NUXT,从教程来看,它工作得很好。当进入NUXT中间件时,矿山失败。逻辑是,如果页面重定向到其他页面,它将进入中间件并使用axios获取结果 中间件/search.js import axios from 'axios'; export default function ({ params, store }) { console.log(store) return axios.get(`https://itunes.apple.com/search?term=~$

我正在练习NUXT,从教程来看,它工作得很好。当进入NUXT中间件时,矿山失败。逻辑是,如果页面重定向到其他页面,它将进入中间件并使用axios获取结果

中间件/search.js

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)
        })
}
import Vuex from 'vuex'

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

export default createStore
在这里输入时,将产生
store.commit('add')…

无法读取未定义的属性“commit”

当我回显commit=未定义时

我缺少什么?我已经尝试了
这个。$store.commit(…)
仍然没有定义

VUEX store/index.js

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)
        })
}
import Vuex from 'vuex'

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

export default createStore

我从上述教程的评论中找到了一个解决方案,但如果其他人也有困难,我想在这里与大家分享

停止开发服务器ctrl+C

然后重新启动dev服务器

npm run dev

然后VUEX将出现在中间件tnx中,重新启动Dev服务器对我也很有效。在进行更改时,VUEX似乎没有重新加载


运行
npm Run dev
,它应该可以工作。

谢谢您更正我的问题,不需要yenmar,在它已经附加的部分。重新启动本地服务器修复了问题,dev服务器似乎无法重建vue存储,这让我挠头了几个小时…smh