安装并使用vue3脚手架ajax

Vue3 脚手架创建的项目通常不包含Ajax请求的实现，因为Vue3推荐使用更现代的HTTP客户端如Axios。以下是如何在Vue3项目中安装和使用Axios的步骤：

1. 安装Axios：

npm install axios

2. 在项目中设置Axios：

   创建一个src/utils/http.js文件，并添加以下内容：

import axios from 'axios';
 
const http = axios.create({
  baseURL: 'http://your-api-url/', // 替换为你的API基地址
  timeout: 10000, // 请求超时时间
});
 
export default http;

3. 使用Axios进行请求：

   在组件中引入Axios并使用：

<template>
  <div>
    <!-- 组件模板内容 -->
  </div>
</template>
 
<script>
import http from '@/utils/http';
 
export default {
  name: 'YourComponentName',
  data() {
    return {
      data: null,
      error: null,
    };
  },
  mounted() {
    this.fetchData();
  },
  methods: {
    async fetchData() {
      try {
        const response = await http.get('your-endpoint'); // 替换为你的API端点
        this.data = response.data;
      } catch (error) {
        this.error = error;
      }
    },
  },
};
</script>

以上代码展示了如何在Vue3项目中安装Axios，并在组件中使用它来发送GET请求。你可以根据需要修改http.js中的配置，以及在组件中使用Axios发送其他类型的HTTP请求。