在vue中axios的安装和使用

在Vue.js中，axios是一个常用的JavaScript库，用于发送HTTP请求。以下是安装和使用的步骤：

**安装axios**：
你可以通过npm或yarn来安装axios。如果你使用的是npm（Node Package Manager），可以在命令行中运行：

npm install axios // 或者
yarn add axios

这将会把axios添加到你的项目`node_modules`目录下。

**引入并使用axios**：
1. 在你的Vue组件中，通常在`main.js`或`.vue`文件的`mounted()`钩子函数内导入axios：

import axios from 'axios';

// 或者在ES6模块中
const axios = require('axios');

2. 然后你可以创建一个新的实例，设置默认配置（如超时、headers等）：

const instance = axios.create({
  baseURL: process.env.BASE_API, // 如果API地址需要动态获取，可以使用process.env变量
  timeout: 5000, // 超时时间
  headers: {'X-Custom-Header': 'foobar'}, // 自定义header
});

// 使用instance来发起请求
instance.get('/api/users') // 获取用户列表
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

3. 在需要的地方，可以直接使用`this.$http`或`axios`实例来进行HTTP操作，如GET、POST等。

注意：在Vue CLI 4.x及以上版本中，axios会被集成到`vue.config.js`的`devServer`配置里，所以你可能不需要手动引入。但在非默认配置的情况下，还是建议单独引入。