我為我的索引頁(yè)面創(chuàng)建了一個(gè) Nuxt 存儲(chǔ)，目的是初始化狀態(tài)并從 API 獲取一些數(shù)據(jù)以改變狀態(tài)。這是我商店的代碼，包括初始狀態(tài)、突變和操作。import Axios from "axios";//a controller has a store that it interfaces with// set initial state of the storeconst initState = () => ({  message: "init"})// make the state usable from other componentsexport const state = initState//when you need to change the state//for mutations you do commitsexport const mutations = {  setMessage(state, message) {    state.message = message  }, //can define more functions here  reset(state) {    Object.assign(state, initState())  }}//when you have to do API calls (async)//commit parameter allows us to invoke the mutation functions//for actions you do dispatchexport const actions = {    async nuxtServerInit({commit}) {      const message = await Axios.get("http://localhost:5000/api/home").data;      console.log(message);      commit("setMessage", message) //put name of mutation as parameter + payload    }}在我的 index.vue 文件中，我從 vuex 導(dǎo)入所需的函數(shù)并映射狀態(tài)。import Logo from '~/components/Logo.vue'import VuetifyLogo from '~/components/VuetifyLogo.vue'import Axios from "axios";import {mapState, mapActions, mapMutations} from 'vuex'export default {  components: {    Logo,    VuetifyLogo  },  computed: mapState({    message: state => state.message  }),  methods: mapMutations([    "reset",    "setMessage"  ])但是，當(dāng)我加載頁(yè)面（使用 Vue 開(kāi)發(fā)工具）時(shí)，我的狀態(tài)開(kāi)始未定義。我可以通過(guò)“重置”方法改變狀態(tài)，但我的 API 沒(méi)有被調(diào)用來(lái)獲取數(shù)據(jù)。我在控制臺(tái)中沒(méi)有收到任何錯(cuò)誤，所以我不確定是什么原因造成的。我的 API 也已啟動(dòng)并正在運(yùn)行。如何確保在加載頁(yè)面時(shí)調(diào)用 nuxtServerInit 操作？