[axios] vue3 verwendet Axios global | grundlegende Verwendung von Axios

Vue3 verwendet Axios weltweit

1. Axios importieren

• app.config.globalProperties.[key] = [value]
  • Laden Sie die Methode mit dem Schlüssel als Wert in vue3 zum globalen

src/main.js

import {
    
     createApp} from 'vue'
import App from './App.vue'

import axios from 'axios'

const app = createApp(App)

app.mount('#app')

app.config.globalProperties.$axios = axios 

1. Verwenden Sie Axios in der Komponente

src/views/HomeView.vue

• getCurrentInstance() Ruft die globale Methodenfunktion von vue3 ab

<script setup>
import {
    
     getCurrentInstance } from 'vue';  
 
const {
    
     proxy } = getCurrentInstance()

proxy.$axios({
    
    
    method: 'get', // 请求方式
    url: '/home', // 请求地址
    // …… 其他配置 ……
}).then(function (response) {
    
    
    console.log(response.data);
})
    .catch(function (error) {
    
    
        console.log(error);
    });
</script>

Ende

---

26.03.2023 22:47