vue axios写法
时间: 2023-10-07 08:10:06 浏览: 77
html 引入 vue.js axios element-ui
Vue中使用Axios的常见写法如下:
1. 首先,确保已经安装了Axios和Vue:
```bash
npm install axios
```
2. 在Vue项目中引入Axios:
```javascript
import axios from 'axios';
```
3. 创建一个Axios实例,并设置一些默认配置(可选):
```javascript
const instance = axios.create({
baseURL: 'http://api.example.com', // 设置请求的基础URL
timeout: 5000, // 设置请求超时时间
headers: {
'Content-Type': 'application/json', // 设置请求头部信息
},
});
```
4. 发起GET请求:
```javascript
instance.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
5. 发起POST请求:
```javascript
instance.post('/api/data', { name: 'John', age: 30 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
以上就是在Vue中使用Axios的基本写法。根据具体的需求,还可以对Axios进行更多的配置和使用。
阅读全文