vue3 vite 整合axois
时间: 2023-10-05 19:13:29 浏览: 38
要在Vue3 + Vite项目中使用Axios,需要进行以下步骤:
1. 安装Axios
可以使用npm或yarn来安装Axios:
```
npm install axios
```
或者
```
yarn add axios
```
2. 在main.js中引入Axios
在Vue3项目中,可以在main.js中引入Axios并将其设置为全局变量。
```javascript
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')
```
3. 在组件中使用Axios
现在可以在Vue3组件中使用Axios了。可以通过`this.$axios`访问Axios实例。
```javascript
export default {
name: 'MyComponent',
methods: {
fetchData() {
this.$axios.get('https://jsonplaceholder.typicode.com/posts')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
}
}
}
```
以上就是在Vue3 + Vite项目中使用Axios的步骤。