封装方法和axios封装一样的方法
推荐用HBuilder X工具开发小程序真的好用毕竟是中国开发的全是中文
废话不说举个栗子:
新建一下文件名字个人爱好:
在url.js:
这里统计接口方便管理
const baseUrl ='https://**********/'//这里写自己的服务器
export const longUrl = baseUrl+'/sys/anx/flyer/getCurFlyerByOpensessionkey.do';//接口名称
在user.js:
这里封装2个方法一个是post和get
//post
export function requestPost(baseUrl,params) {
return uni.request({
url:baseUrl,
method:'post',
// 让每个请求携带自定义 token 请根据实际情况自行修改
header:{
"content-type": "application/x-www-form-urlencoded"
},
data:params,
})
}
//get
export function requestGet(baseUrl,params) {
return uni.request({
url:baseUrl,
method:'get',
// 让每个请求携带自定义 token 请根据实际情况自行修改
header:{
"content-type": "application/x-www-form-urlencoded"
},
data:params,
})
}
开始调用:
<template>
<div class=" hert" @click="sert()">
点击获取数据
</div>
</template>
<script>
import {requestPost} from "@/utils/user.js";
import {longUrl} from "@/utils/url.js"
export default {
data() {
return {
}
},
onLoad() {
},
computed: {
},
mounted() {
},
methods: {
sert:function(){
//requestPost调用封装的方法
//longUrl接口
requestPost(longUrl,{
//传数据
'openSessionKey':'oY8Xj5AB7OqYN0K_nMSm5VHu-gDc.SOry8gg0Wp3UF83b8pSklw=='
}).then(res => {
console.log(res)
})
}
}
}
</script>
<style lang="scss" scoped>
</style>
效果图: