技術標籤：axiosvuevue

Vue3全域性使用axios

• 1.安裝axios
• 2.引入axios
• 3.使用axios

1.安裝axios

npm install axios -S

2.引入axios

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

import axios from 'axios'
const app = createApp(App)
app.config.globalProperties.$axios = axios
app.
 
use(store).use(router).mount('#app')

3.使用axios

// xxx.vue
export default defineComponent({
	setup(props, ctx) {
		const { proxy } = getCurrentInstance()
		onMounted(() => {
			getData()
		})
		getData() {
			proxy.$axios.get('xxxxx').then(res => {})
		}
	}
})