vuejs2 - 如何在nuxt的asyncData函数中访问vue存储

标签 vuejs2 nuxt.js

在一个组件中,我想使用asyncData函数访问商店,如下所示:

asyncData({ app, params }) {
var url = `https://myapi/news/${app.$store.state.market}/detail/${params.id}`;
return app.$axios.get(url).then(response => {
  return { actu: response.data };
});

}

但我收到“无法读取未定义的属性'状态'”

这里还有另一个要接收商店状态的信息吗?

最佳答案

您需要从上下文中获取存储。 Reference

asyncData({ app, params, store }) {
   var url = `https://myapi/news/${store.state.market}/detail/${params.id}`;
   return app.$axios.get(url).then(response => {
      return { actu: response.data };
});

关于vuejs2 - 如何在nuxt的asyncData函数中访问vue存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51556126/

相关文章:

node.js - 如何使用 Nuxt 配置 Prism

less - 如何在 Nuxt.js 中为 LESS 启用内联 JavaScript?

nuxt.js - 如何使用 NuxtJS <nuxt-link/> 创建后退按钮?

javascript - vue.js/vue-router - 创建单个文件组件的实例,并使用要路由到的 props

javascript - VueJS 在另一个组件中使用组件时遇到问题

javascript - 如何解决【Vue警告】: props must be strings when using array syntax?

javascript - .vue 单文件组件中使用的基础问题

javascript - 如何访问 nuxt.js 中的路由器对象

vue.js - Vuejs - 如何使用 v-for 获取数组中的所有唯一值(删除重复值)

internationalization - Nuxt/i18n : how to change head meta description?