Vue3 挂载全局对象

import { createApp } from 'vue';
import ArcoVue from '@arco-design/web-vue';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import globalComponents from '@/components';
import router from './router';
import store from './store';
import i18n from './locale';
import directive from './directive';
import App from './App.vue';

import '@/assets/style/global.less';
import '@/api/interceptor';

const app = createApp(App);
app.config.globalProperties.$baseUrl = import.meta.env.VITE_API_BASE_URL;
app.config.globalProperties.$resourceUrl = import.meta.env.VITE_API_BASE_URL;

app.use(ArcoVue, {});
app.use(ArcoVueIcon);
app.use(directive);
app.use(router);
app.use(store);
app.use(i18n);
app.use(globalComponents);
app.mount('#app');

可以通过 getCurrentInstance 方法获取组件实例结构得到  proxy  对象

相关文章地址： Vue3 获取组件实例对象（Vue2中的 this）-CSDN博客