vue3 的axios封装get方法和调用

在Vue3中，可以使用axios库来发送GET请求。首先要确保已经安装了axios库：

npm install axios

接下来，在需要使用的地方引入axios库，并封装GET方法：

import axios from 'axios';

export function get(url, params) {
  return new Promise((resolve, reject) => {
    axios.get(url, { params })
      .then(response => {
        resolve(response.data);
      })
      .catch(error => {
        reject(error);
      });
  });
}

在上面的代码中，我们封装了一个get方法，它接收一个URL和一个参数对象作为参数，并返回一个Promise对象。在内部，我们使用axios.get方法发送GET请求，并将结果通过resolve函数传递给Promise的then方法。

接下来，你可以在Vue组件中调用这个封装的GET方法。例如：

import { get } from './api';

export default {
  methods: {
    fetchData() {
      const url = 'https://api.example.com/data';
      const params = { id: 1 };
      
      get(url, params)
        .then(data => {
          console.log(data);
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

在上面的代码中，我们在fetchData方法中调用了封装的GET方法，并传递了URL和参数对象。在then方法中，我们可以处理返回的数据。在catch方法中，我们可以处理请求失败的情况。

这样，你就可以在Vue3中封装和调用GET方法了