vue3 使用axios get方式使用

在Vue3中使用Axios库进行GET请求的方法如下：

首先需要导入Axios库：

import axios from 'axios';

在Vue组件中使用Axios发送GET请求：

axios.get('http://example.com/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

上述代码中，axios.get()方法用于发送GET请求，并且使用Promise处理响应数据。如果请求成功，response.data属性将包含响应数据。如果请求失败，错误将被传递到catch()方法中进行处理。

可以使用async/await语法来简化代码：

async fetchData() {
  try {
    const response = await axios.get('http://example.com/api/data');
    console.log(response.data);
  } catch (error) {
    console.log(error);
  }
}

上述代码中，fetchData()是一个异步函数，使用了async/await语法来处理Axios的Promise响应数据。如果请求成功，response.data属性将包含响应数据。如果请求失败，错误将被传递到catch()方法中进行处理。

注意：在使用Axios发送请求时，请求路径必须是一个有效的URL地址。在开发环境中，可能需要使用代理设置来处理跨域请求。可以阅读Axios官方文档来了解更多信息。