vue3引入axios

// main.js
import { createApp } from 'vue';
import App from './App.vue';
import axios from 'axios';

// 创建 Vue 应用实例
const app = createApp(App);

// 将 axios 挂载到 Vue 实例的原型上，这样在所有组件中都可以通过 this.axios 使用
app.config.globalProperties.axios = axios;

// 或者使用 provide/inject 方式提供 axios 实例给子组件使用
app.provide('axios', axios);

// 挂载应用实例到 DOM
app.mount('#app');

解释说明：

1. 引入 Axios：首先从 axios 包中导入 axios。
2. 创建 Vue 应用实例：使用 createApp 函数创建一个新的 Vue 应用实例。
3. 挂载 Axios 到全局属性：通过 app.config.globalProperties.axios = axios;，将 axios 挂载到 Vue 实例的原型上。这样，在所有的 Vue 组件中都可以通过 this.axios 访问 axios 实例。
4. 提供 Axios 实例：还可以通过 app.provide('axios', axios); 提供 axios 实例，然后在需要的子组件中通过 inject 来注入使用。
5. 挂载应用实例到 DOM：最后，使用 app.mount('#app'); 将应用实例挂载到指定的 DOM 元素上。

这种方式使得在整个应用中可以方便地使用 axios 进行 HTTP 请求。