[vue]全局配置

方法1

目前网上的全局设置大部分都是设置

app.config.globalProperties.$axios= instance

然后再setup()中

import { getCurrentInstance } from "vue";
{ctx}=getCurrentInstance();
ctx.$axios

但是该方法存在一个问题就是ctx也是是vue2中的this，在本地正常，线上会有意想不到的问题

方法2

const app = Vue.createApp({});
app.provide('http', http);

然后在setup()中

import { defineComponent, ref, reactive, onMounted, toRefs, inject } from "vue";
const http = inject("http");

但是该方法在实际应用中发现不如直接import, inject虽然也能引入http并且不用import,但是无法跳转至源代码处