uni-app网络请求get和post简单封装
1、创建request文件夹和http.js文件2、http.js中的代码let baseUrl = '请求地址'let header = {'Content-Type': 'application/json;charset=UTF-8'}export default{get(url,param){return new Promise((resolve,reject) =>{uni.requ
·
1、创建request文件夹和http.js文件
2、http.js中的代码
let baseUrl = '请求地址'
let header = {
'Content-Type': 'application/json;charset=UTF-8'
}
export default{
get(url,param){
return new Promise((resolve,reject) =>{
uni.request({
method:'GET',
url: baseUrl + url,
data: param,
header: header
}).then(res => {
resolve(res[1].data)
}).catch(err => {
reject(err)
})
})
},
post(url,param){
return new Promise((resolve,reject) =>{
uni.request({
method:'POST',
url: baseUrl + url,
data: param,
header: header
}).then(res=>{
resolve(res[1].data)
}).catch(err => {
reject(err)
})
})
}
}
3、在main.js全局挂载
import http from './request/http.js'
Vue.prototype.$http = http
4、在页面中的引用
//get方式
this.$http.get("请求地址", {请求参数}).then(res => {
console.log("返回数据", res)
})
//post方式
this.$http.post("请求地址", {请求参数}).then(res => {
console.log("返回数据", res)
})
5、说明
这个其实还可以进一步优化封装,在这里只是一个简单封装,哈哈哈哈哈!
更多推荐
已为社区贡献2条内容
所有评论(0)