uniapp项目中引入axios:
时间: 2023-09-15 17:15:26 浏览: 98
uniapp封装的接口和已经引入uview的模板项目
在uniapp项目中引入axios需要进行以下步骤:
1. 安装axios
在命令行中执行以下指令:
```
npm install axios --save
```
2. 创建axios实例
在项目中创建一个axios实例,可以设置一些默认的配置项,如请求地址、请求超时时间等。可以在项目的`main.js`文件中创建axios实例,如下所示:
```
import axios from 'axios'
const instance = axios.create({
baseURL: 'http://example.com/api',
timeout: 5000,
headers: {
'Content-Type': 'application/json'
}
})
export default instance
```
3. 发送请求
在需要发送请求的组件中,通过引入axios实例来发送请求,如下所示:
```
import axios from '@/utils/request'
axios.get('/user')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
axios.post('/user', {
name: 'xiaoming',
age: 18
})
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
在以上示例中,通过`axios.get()`和`axios.post()`方法来发送GET和POST请求,分别传递请求地址和请求数据作为参数。发送请求后,可以通过`then()`方法获取响应数据,通过`catch()`方法捕获错误信息。
阅读全文