vue2安装vue-axios
时间: 2024-01-26 16:14:05 浏览: 27
安装vue-axios可以通过以下步骤完成:
1. 首先,确保你已经安装了Vue.js和axios。如果没有安装,可以使用以下命令进行安装:
```shell
npm install vue axios
```
2. 在你的Vue项目中,创建一个名为`request.js`的文件,用于封装axios请求。在该文件中,导入axios并创建一个axios实例,然后将其导出。示例代码如下:
```javascript
// request.js
import axios from 'axios'
const instance = axios.create({
baseURL: 'http://api.example.com', // 设置请求的基础URL
timeout: 5000 // 设置请求超时时间
})
export default instance
```
3. 在你的Vue组件中,导入刚刚创建的`request.js`文件,并在需要发送请求的方法中使用axios发送请求。示例代码如下:
```javascript
// APP.vue
<template>
<div>{{ data }}</div>
</template>
<script>
import request from '@/APi/request.js'
export default {
data() {
return {
data: ""
};
},
methods: {
async fetchData() {
const res = await request.get('/tabbar') // 发送GET请求
this.data = res.data
}
},
created() {
this.fetchData()
}
};
</script>
```
通过以上步骤,你就成功安装了vue-axios,并在Vue组件中使用axios发送请求。