VueJS首先在商店vuex中预取数据

Question

我想在我的商店（vuex）中预取数据，这样我就可以使用这些数据来渲染一些组件了

在我的商店文件中：

const actions = {
    async LOAD_PROJECTS ({commit}) {
        try {
            const response = await axios.get('http://localhost:8081/blabla')
            commit('SET_PROJECTS', response.data)
        } catch (err) {
            console.log('Error', err)
        }
    }
 }

并在主要组件（app）中

export default {
    async beforeCreate () {
        await this.$store.dispatch('LOAD_PROJECTS')
    }
}

当我想访问我刚刚加载的数据时： 它适用于从主页面（例如：http://localhost:8080/#）到具有组件的页面（例如：http://localhost:8080/#/component）但是当我想直接访问包含组件的页面时的情况没有工作（我已经尝试将相同的代码放在组件本身，它不起作用）

我应该如何进行，以便在这两种情况下均可使用？

编辑：我想要一些全局的东西，比如我首先要获取数据然后......