vue项目里面使用ajax

Vue.js 项目中使用 AJAX 可以方便地异步从服务器获取数据或发送数据。以下是一个简单的步骤来实现：

1. **安装axios库**：
Vue CLI 项目可以使用内置的`vue-cli-plugin-apollo`插件，如果是基础项目，推荐使用axios库，可以在终端中运行：

   npm install axios

2. **引入并在组件中使用**：
在需要请求数据的组件中导入`axios`：

   import axios from 'axios';

3. **发送GET请求**：

   methods: {
     fetchData() {
       axios.get('https://api.example.com/data')
         .then(response => {
           // 处理成功响应的数据
           console.log(response.data);
         })
         .catch(error => {
           // 处理错误
           console.error(error);
         });
     }
   }

4. **发送POST请求**：

   async sendData(data) {
     try {
       const response = await axios.post('https://api.example.com/upload', data);
       // 处理返回结果
     } catch (error) {
       console.error(error);
     }
   }

5. **配置拦截器**：
如果你需要对所有请求添加通用处理，比如设置 headers 或统一处理错误，可以在 Vue 实例创建时配置 axios 拦截器：

   created() {
     axios.defaults.headers.common['Authorization'] = 'Bearer your-token';
   },