vue add axios

Vue CLI (Vue脚手架) 提供了一个便捷的方式来集成 Axios，它是 JavaScript 中常用的一个 HTTP 库，用于处理浏览器和 Node.js 环境下的 API 请求。如果你想在 Vue 项目中快速添加 Axios，可以按照以下步骤操作：

1. **安装 Axios**:
打开终端或命令提示符，导航到你的 Vue 项目目录下，然后运行：

   npm install axios // 如果你使用的是npm
   或者
   yarn add axios // 如果你使用的是yarn

2. **配置 Axios 实例**:
在 `src` 目录下的 `main.js` 或 `plugins` 文件夹内，通常你会创建一个全局的 Axios 实例并设置默认选项。例如：

   import axios from 'axios'
   
   Vue.prototype.$http = axios.create({
     baseURL: process.env.BASE_API_URL || 'https://api.example.com', // 根据需求替换为你的API地址
     timeout: 5000,
     headers: {'X-Custom-Header': 'foo'}
   })

这样，你就可以在任何组件上通过 `this.$http` 访问这个 Axios 实例。

3. **在组件中使用**:
在需要发送请求的 Vue 组件中，可以直接使用 `$http` 属性发起 GET、POST 等请求，如：

   mounted() {
     this.$http.get('/users').then(response => {
       console.log(response.data)
     }).catch(error => {
       console.error(error)
     })
   }