uniapp使用axios
时间: 2023-09-13 19:11:11 浏览: 89
axios携带cookie配置详解(axios+koa)
要在uniapp中使用axios,你需要先安装axios和uni-app的请求库uni-request。可以在终端中运行以下命令:
```
npm install axios
npm install uni-request
```
安装完成后,在需要使用axios的页面或组件中引入axios和uni-request:
```javascript
import axios from 'axios'
import { createRequest } from 'uni-request'
const request = createRequest({
baseURL: 'http://yourapi.com'
})
export default {
methods: {
async fetchData() {
try {
const response = await request.get('/your-endpoint')
console.log(response.data)
} catch (error) {
console.log(error)
}
}
}
}
```
在这个例子中,我们首先引入了axios和uni-request,然后创建了一个请求实例。我们使用createRequest方法来创建请求实例,并且指定了请求的基础URL。
在fetchData方法中,我们使用async/await来异步获取数据。我们使用request.get方法来发送GET请求,并且指定了请求的端点。如果请求成功,我们可以在控制台中看到响应数据。如果请求失败,我们将会打印错误信息。
这是一个简单的例子,你可以根据自己的需要来使用axios和uni-request发送不同类型的请求。
阅读全文