uniapp项目实用的http请求代码
时间: 2023-08-26 16:05:00 浏览: 50
以下是一个基于uniapp的http请求代码示例:
```
import axios from 'axios'
// 创建axios实例
const service = axios.create({
baseURL: process.env.BASE_API, // api的base_url
timeout: 5000 // 请求超时时间
})
// request拦截器
service.interceptors.request.use(config => {
// 在发送请求之前做些什么
return config
}, error => {
// 对请求错误做些什么
console.log(error) // for debug
Promise.reject(error)
})
// respone拦截器
service.interceptors.response.use(
response => {
// 对响应数据做点什么
return response.data
},
error => {
// 对响应错误做点什么
console.log('err' + error) // for debug
return Promise.reject(error)
}
)
export default service
```
在组件中使用:
```
import request from '@/utils/request'
export function getUserInfo() {
return request({
url: '/user/info',
method: 'get'
})
}
```
以上示例中,我们使用了axios库来进行http请求,并且封装了一个request方法来统一处理请求,同时也使用了拦截器来处理请求和响应。在组件中使用getUserInfo()方法来发送请求即可。