axios进行二次封装后，在其他文件中都有哪些引入方式

Axios 是一个基于 promise 的 HTTP 客户端，用于浏览器和 node.js 环境。在进行二次封装之后，它通常会作为库的一部分提供给项目的其他部分使用。以下是常见的引入 Axios 的方式：

1. **ESM 模块导入** (CommonJS 需要先转义):

   import axios from '@/axios'; // 假设你在src/api目录下的axios.js进行了封装

2. **CommonJS 兼容** (Node.js 中常用):

   const axios = require('@/axios'); // Node.js 或者 webpack 的 CommonJS 配置下

3. **使用 alias 或者配置别名**:
在 Webpack 或者 Vite 的配置中设置 alias，如 `axios` 映射到你的封装文件。

   // webpack.config.js 或 vite.config.ts
   {
     resolve: {
       alias: {
         '@axios': path.resolve(__dirname, './src/api/axios.js'),
       },
     },
   }

4. **使用 Vue 插件引入** (适用于 Vue CLI 应用):
在 main.js 或者每个组件的 `setup()` 函数中引入插件。

   import { createApp } from 'vue';
   import App from './App.vue';
   import axiosPlugin from '@/plugins/axios';

   createApp(App)
     .use(axiosPlugin)
     .mount('#app');

5. **使用 Vue 插件式开发模式**:
如果使用 Vue 3 Composition API 和 plugin API，可以直接在根组件中使用。

   import { createApp } from 'vue';
   import App from './App.vue';
   import { useAxios } from '@/store/api/axios'; // 封装后的插槽

   createApp(App)
     .component('default', App)
     .provide('axios', useAxios)
     .mount('#app');