Vue 中 axios 及安装？

在 Vue 中使用 Axios 进行 HTTP 请求通常需要先安装 Axios 库，然后在 Vue 项目中进行配置和使用。

安装 Axios：

通过 npm 或者 yarn 安装 Axios：

使用 npm：

npm install axios --save

使用 yarn：

yarn add axios

在 Vue 项目中使用 Axios：

在 Vue 项目中引入 Axios，并进行基本的配置，比如设置基本的请求 URL、拦截器等：

// main.js 或者某个需要全局使用的地方
import Vue from 'vue';
import axios from 'axios';

// 设置基本的请求 URL
axios.defaults.baseURL = 'https://api.example.com';

// 将 Axios 挂载到 Vue 实例的原型上，方便在组件中使用
Vue.prototype.http = axios;

// 使用拦截器等配置
axios.interceptors.request.use(config => {
  // 请求发送前的配置处理，比如添加 token 等
  return config;
}, error => {
  return Promise.reject(error);
});

axios.interceptors.response.use(response => {
  // 响应数据处理，比如处理返回的数据、错误处理等
  return response;
}, error => {
  return Promise.reject(error);
});

// 在组件中使用
export default {
  methods: {
    fetchData() {
      this.http.get('/data')
        .then(response => {
          // 处理响应数据
        })
        .catch(error => {
          // 处理错误
        });
    }
  }
};

以上是一个简单的示例，引入 Axios 并在 Vue 项目中进行了基本的配置，使其能够发送 HTTP 请求，并在组件中使用。你可以根据实际需求进行进一步的配置和使用。