vue 安装axios

// 安装 axios
// 你可以使用 npm 或 yarn 来安装 axios

// 使用 npm 安装
npm install axios

// 使用 yarn 安装
yarn add axios

// 在 Vue 项目中使用 axios 示例

// 1. 引入 axios
import axios from 'axios';

// 2. 创建一个 Vue 实例并使用 axios 发送请求
new Vue({
  el: '#app',
  data() {
    return {
      info: null
    };
  },
  mounted() {
    // 发送 GET 请求
    axios.get('https://jsonplaceholder.typicode.com/posts/1')
      .then(response => {
        // 处理成功的响应
        this.info = response.data;
      })
      .catch(error => {
        // 处理失败的响应
        console.error('There was an error!', error);
      });
  }
});

解释说明：

1. 安装 axios：

   • 可以通过 npm 或 yarn 来安装 axios。根据你的包管理工具选择合适的命令。

2. 引入 axios：

   • 在 Vue 组件或入口文件中，使用 import axios from 'axios'; 来引入 axios。

3. 发送请求：

   • 在 Vue 实例的 mounted 生命周期钩子中，使用 axios.get() 方法发送 GET 请求。
   • 成功的响应会触发 .then() 回调函数，并将响应数据赋值给组件的 data 属性。
   • 如果请求失败，则会触发 .catch() 回调函数，并在控制台输出错误信息。

4. 处理响应：

   • 响应数据可以通过 response.data 获取，并将其绑定到 Vue 组件的数据属性中，以便在模板中使用。

如果你需要更多功能或配置，可以参考 axios 官方文档。