How do I integrate Axios with Vue 3?

How do I integrate Axios with Vue 3?

To integrate Axios with Vue 3, first install Axios using npm or yarn. Then, you can import it in your components.

Can you show me a simple example of making a GET request?

Sure! Here's a basic example:

import axios from 'axios';

export default {
  data() {
    return {
      info: null
    };
  },
  mounted() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.info = response.data;
      })
      .catch(error => {
        console.error('There was an error!', error);
      });
  }
};

What if I want to handle errors more gracefully?

You can use a try-catch block with async/await for better error handling. Here's how:

async mounted() {
  try {
    const response = await axios.get('https://api.example.com/data');
    this.info = response.data;
  } catch (error) {
    console.error('Error fetching data:', error);
    alert('Failed to fetch data.');
  }
}