Чтобы настроить Axios глобально в Vue.js 3, вы можете выполнить следующие действия:

1. Установите Axios. Начните с установки Axios в качестве зависимости в вашем проекте Vue.js. Вы можете сделать это с помощью npm или Yarn, выполнив следующую команду в каталоге вашего проекта:

   npm install axios

   или

   yarn add axios

2. Создайте плагин. В Vue.js вы можете создать плагин для глобальной настройки Axios. Создайте новый файл, например, axios.js, и добавьте следующий код:

import axios from 'axios';
const axiosPlugin = {
  install(app) {
    app.config.globalProperties.$axios = axios;
  }
};
export default axiosPlugin;

3. Зарегистрируйте плагин: Чтобы использовать плагин Axios глобально, вам необходимо зарегистрировать его в основном файле приложения Vue. Откройте файл, обычно называемый main.js, и импортируйте плагин Axios:

import { createApp } from 'vue';
import App from './App.vue';
import axiosPlugin from './axios';
const app = createApp(App);
app.use(axiosPlugin);
app.mount('#app');

Теперь вы можете использовать Axios во всем приложении Vue.js 3, получив доступ к нему через this.$axiosили this.$axios.()в ваши компоненты.

Вот некоторые часто используемые методы с Axios:

1. Запрос GET:

   this.$axios.get(url)
   .then(response => {
   // handle success
   console.log(response.data);
   })
   .catch(error => {
   // handle error
   console.error(error);
   });

2. POST-запрос:

   this.$axios.post(url, data)
   .then(response => {
   // handle success
   console.log(response.data);
   })
   .catch(error => {
   // handle error
   console.error(error);
   });

3. Запрос PUT:

   this.$axios.put(url, data)
   .then(response => {
   // handle success
   console.log(response.data);
   })
   .catch(error => {
   // handle error
   console.error(error);
   });

4. Запрос DELETE:

   this.$axios.delete(url)
   .then(response => {
   // handle success
   console.log(response.data);
   })
   .catch(error => {
   // handle error
   console.error(error);
   });