我正在练习NUXT,在教程中它工作得很好。我的在进入NUXT中间件时失败。逻辑是,如果页面重定向到其他页面,它将进入中间件,并使用axios获取结果。
middleware/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)
})
}
在此处输入时,将显示store.commit('add'...
无法读取未定义的“”commit“”属性
当我回显commit = undefined。
我错过了什么?我已经尝试过this.$store.commit(...)
了,仍然没有定义。
VUEX
store/index.js
import Vuex from 'vuex'
const createStore = () => {
return new Vuex.Store({
state: {
albums: []
},
mutations: {
add (state, payload) {
state.albums = payload
}
}
})
}
export default createStore
发布于 2018-05-25 18:56:41
重新启动Dev Server对我来说也很有效。似乎Vuex在进行更改时不会重新加载。
运行npm run dev
,它应该可以工作。
https://stackoverflow.com/questions/50120277
复制相似问题