uniapp 封装请求接口
时间: 2023-11-17 13:09:03 浏览: 44
以下是在uniapp中封装请求接口的方法:
1. 在common目录下新建一个api.js文件,用于存放所有的接口请求方法。
2. 在api.js文件中引入uni.request方法,并定义一个request方法,用于发送请求。
```javascript
import Vue from 'vue'
const request = (url, method, data) => {
return new Promise((resolve, reject) => {
uni.request({
url: url,
method: method,
data: data,
header: {
'Content-Type': 'application/json'
},
success: (res) => {
resolve(res.data)
},
fail: (err) => {
reject(err)
}
})
})
}
export default request
```
3. 在api.js文件中定义一个getUserInfo方法,用于获取用户信息。
```javascript
import request from './api.js'
const getUserInfo = (params) => {
return request('/api/user/info', 'GET', params)
}
export default {
getUserInfo
}
```
4. 在需要使用接口的页面中引入getUserInfo方法,并调用它。
```javascript
import api from '@/common/api.js'
export default {
data() {
return {
userInfo: {}
}
},
mounted() {
this.getUserInfo()
},
methods: {
getUserInfo() {
api.getUserInfo({}).then(res => {
this.userInfo = res.data
})
}
}
}
```