使用NuxtJS(一个VueJS框架),我试图从布局模板中的REST API中获取一堆数据(不能使用经典的fech()或asyncData()方法).
所以我正在使用vuex和nuxtServerInit()动作.这样,无论当前页面如何,我都应该能够在加载应用程序期间直接收集所有数据.
但我无法让它发挥作用.
这是我的商店map.js文件:
import axios from 'axios'
const api = 'http://rest.api.localhost/spots'
export const state = () => ({
markers: null
})
export const mutations = {
init (state) {
axios.get(api)
.then((res) => {
state.markers = res.data
})
}
}
export const actions = {
init ({ commit }) {
commit('init')
}
}而index.js(可以触发nuxtServerInit()):
export const state = () => {}
export const mutations = {}
export const actions = {
nuxtServerInit ({ …