Uniapp request封装
第一步
1.在根目录下创建request文件夹
这里我用的是http文件 在里面创建request.js文件
2.进入到request.js文件 在里面进行封装请求接口
module.exports={
request(url,method,data){
return new Promise((resolve,reject)=>{
uni.request({
//请求的地址
url:'http://api.intewl.cn/api'+url,
method:method,
data:data,
success(res){
resolve(res)
},
fail(err){
reject(err)
}
})
})
}
}
将request.js导出
3.在全局main.js下挂载到Vue的prototype上
import Vue from 'vue'
import App from './App'
// vuex
import store from './store'
Vue.prototype.$store = store
// 封装的request(http)请求
const {request} = require('./http/request.js')
Vue.prototype.$http = request
Vue.config.productionTip = false
// 请求的数据url地址
Vue.prototype.$imgUrl="http://api.intewl.cn/uploads/"
// Vue.prototype.apiUrl="http://api.intewl.cn/api"
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()
4.在页面上调用可以获取到接口数据
getData() {
this.$http('/index', 'get', {}).then(res => {
//res就是获取到的当前页面下的数据
console.log(res)
var data = res.data.data
this.recommend_cate = data.recommend_cate
this.banner = data.banner
this.active = data.active
this.icon = data.icon
this.floor = data.cate
console.log(this.floor)
})
}