vue3 axios用app.use()设置
时间: 2024-02-05 13:12:26 浏览: 160
axios框架的使用(vue中的使用)
5星 · 资源好评率100%
在 Vue 3 中,我们可以使用 `app.use()` 方法来注册插件。Axios 也可以作为一个插件来注册。
首先,需要在项目中安装 axios:
```
npm install axios
```
然后在 `main.js` 中引入和注册 axios:
```js
import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'
const app = createApp(App)
app.config.globalProperties.$axios = axios
app.mount('#app')
```
现在,我们就可以在整个应用程序中使用 `$axios` 了。例如,在组件中调用 API:
```js
export default {
methods: {
getData() {
this.$axios.get('/api/data').then(response => {
console.log(response.data)
})
}
}
}
```
阅读全文