global axios vue 2

1. Install Axios via npm:

npm install axios

1. Import Axios in your main Vue file (e.g., main.js):

import axios from 'axios';

1. Set Axios as a global property for Vue:

Vue.prototype.$axios = axios;

1. Use Axios in your Vue components:

// Example in a component method
this.$axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

1. Optionally, you can create an Axios instance with custom configurations:

// In a separate file, e.g., api.js
import axios from 'axios';

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
  headers: {'Authorization': 'Bearer YOUR_ACCESS_TOKEN'}
});

export default instance;

1. Import and use the custom Axios instance in your components:

// In a component
import api from '@/path/to/api';

// Example in a component method
api.get('/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });