vue3 安装axios

// 安装 axios
// 首先，你需要在你的 Vue 3 项目中安装 axios。你可以使用 npm 或 yarn 来安装。

// 使用 npm 安装
npm install axios

// 使用 yarn 安装
yarn add axios

// 然后，在你的项目中引入并使用 axios。以下是一个简单的示例代码：

// src/plugins/axios.js
import axios from 'axios';

const apiClient = axios.create({
  baseURL: 'https://api.example.com', // 你的 API 基础 URL
  timeout: 1000, // 请求超时时间
  headers: {'X-Custom-Header': 'foobar'} // 自定义请求头
});

export default apiClient;

// 在 main.js 中引入并使用
// src/main.js
import { createApp } from 'vue';
import App from './App.vue';
import apiClient from './plugins/axios';

const app = createApp(App);

app.config.globalProperties.$http = apiClient; // 将 apiClient 注入到全局属性中

app.mount('#app');

// 现在你可以在任何组件中使用 this.$http 来发起请求
// 例如：
// this.$http.get('/data').then(response => {
//   console.log(response.data);
// });

解释说明：

1. 安装 axios：你可以通过 npm 或 yarn 来安装 axios。
2. 创建 Axios 实例：在 src/plugins/axios.js 文件中，我们创建了一个 Axios 实例，并配置了基础 URL、超时时间和自定义请求头。
3. 注入到全局属性：在 main.js 中，我们将创建的 apiClient 注入到 Vue 应用的全局属性中，这样你可以在任何组件中通过 this.$http 来发起请求。
4. 发起请求：你可以在组件中使用 this.$http.get() 或其他方法来发起 HTTP 请求，并处理响应数据。