博客

出现这个的原因是 vuex经典模式写法将在Nuxt 3中删除

它对store做了一个是否是function的判断，如果我们export的是一个function就会出现本文中的警告信息，而且代码阻塞了，解决方案是以前的经典模式写法不再支持

报错的示例

import Vuex from 'vuex'
import axios from 'axios'

Vue.use(Vuex)

const state = {
	wordpressAPI: 'http://visney.cn:81',
};

const mutations = {
	//头部导航产品(示例)
		setHeadProdNav(state,data){
			state.headProdNav = data
		},
};

const getters = {
};

const actions = {
	async nuxtServerInit({commit,state,req}) {
		
		//产品导航(示例)
			let headProdNav = await axios(`${state.wordpressAPI}/proCategory/showAll/main`);
			commit('setHeadProdNav',headProdNav.data);
	}
};

const store = () => new Vuex.Store({
	state,
	getters,
	mutations,
	actions
})

export default store

正确示例


将最下面的改为

export default {store}

解决