Javascript NUXT中间件中未定义Vuex存储
我正在练习NUXT,从教程来看,它工作得很好。当进入NUXT中间件时,矿山失败。逻辑是,如果页面重定向到其他页面,它将进入中间件并使用axios获取结果 中间件/search.jsJavascript 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=~$
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