Vue3里抽离公共模块进行封装然后通过Vue进行调取

概述

直接使用引入也不是不可以直接进行调取，但是如果想走vue的话下面是解决方案

声明需要被插入的模块

//这里是要被插入的模块
import * as server from "@/axios/server";
//写入到vue里面方便后面从vue里面进行调取
export default {
  install(app) {
    app.config.globalProperties.$server = server;
  },
};

main.js进行注册

//以组件的形式进行注册
import server from '@/axios/serverModle'
app.use(server)

组件通过vue进行调取

import { getCurrentInstance } from "vue";

const { appContext } = getCurrentInstance();
const $server = appContext.config.globalProperties.$server;
//然后直接通过$server方法进行调取对对象里面的方法继续操作