怎么在uniapp需要发送请求的组件中,通过引入axios实例来发送请求
时间: 2024-05-15 20:16:35 浏览: 117
使用axios请求时,发送formData请求的示例
5星 · 资源好评率100%
1. 在uniapp项目的根目录下,创建一个axios.js文件,用于创建axios实例。
```
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://api.example.com',
timeout: 5000,
});
export default instance;
```
2. 在需要发送请求的组件中,引入axios实例。
```
import axios from '@/axios.js';
export default {
data() {
return {
responseData: null,
}
},
methods: {
async getData() {
try {
const response = await axios.get('/data');
this.responseData = response.data;
} catch (error) {
console.log(error);
}
}
}
}
```
在这个例子中,我们使用了axios的get方法来向后端接口发送请求,并使用async/await来处理异步请求。如果请求成功,我们将返回的数据赋值给组件的responseData属性;如果请求失败,我们将错误打印到控制台中。
阅读全文