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方法进行调取对对象里面的方法继续操作