【axios】vue3全局使用axios | axios的基本使用

vue3全局使用axios

1. 导入axios

• app.config.globalProperties.[key] = [value]
  • 将key为value的方法加载vue3到全局

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. 组件中使用axios

src/views/HomeView.vue

• getCurrentInstance() 获取vue3全局方法函数

<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>

end

---

2023/3/26 22:47