小编Eld*_*lov的帖子

我有一个组件，我将在我的网络应用程序的每个页面中使用它。为了简化我的工作，我如何全局注册这个组件？我用过 nuxt 一次， npm 很容易@nuxtjs/global-components。Quasar 的流程是什么？谢谢！

我有轴拦截器，并且在商店中有误差减速器。如何在组件外部正确调度操作？

我尝试了 store.dispatch，我不知道为什么，但它崩溃了我的整个商店，我的整个应用程序崩溃了。我尝试了 useAppDispatch，但出现错误，无法在组件外部使用它。代码如下：

import axios from "axios";
import store from "../store/store";
import { addError } from "../store/errorSlice/errorSlice";

const instance = axios.create({
    timeout: 1000,
    withCredentials: true,
    baseURL: "http://localhost:8000"
})

instance.interceptors.response.use(response => response,
   function (error) {
        console.log("ERROR FROM SERVER");
        const { data, status } = error.response;
        const { message } = data;

        store.dispatch(addError({ message, status, active: true })) // crashes my whole app. It looks like triggering an action, but then delete all reducers
        return ;
})

export default instance;

这是我的 …

我正在按照文档做所有事情，但是，控制台中仍然有错误。我正在尝试创建 Firebase 实例的全局变量。

main.js：

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

import firebase from 'firebase'
require('firebase/firestore')

const config = {
    // config
}

firebase.initializeApp(config)

const app = createApp(App)
  .use(store)
  .use(router)
  .mount("#app");

console.log(app.config) // undefined
app.config.globalProperties.$firebase = firebase;

为什么undefined？还是我应该自己覆盖对象globalProperties中的config属性？