首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在NUXT中间件中未定义Vuex存储

在NUXT中间件中未定义Vuex存储
EN

Stack Overflow用户
提问于 2018-05-02 00:34:07
回答 1查看 15.8K关注 0票数 12

我正在练习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
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50120277

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档