uni-app 封装接口以及使用

1,新建api.js

const BASE_URL = 'https://222222222 /hengyuaniot-propaganda/' //后端给的url

export const myRequest = (options) => {

// console.log('进来了')

return new Promise((resolve,reject)=> {

// let authtoken = uni.getStorageSync('authtoken')

uni.request({

url:BASE_URL + options.url,

data:options.data || {},

method:options.method || 'GET',

// header:{

//    'Content-type': 'application/json',

// "X-Auth-Token": uni.getStorageSync('authtoken')  //这里的token指的是微信授权登录的token,用来判断小程序是否属于登录状态

// },

dataType:'json',

success:res => {

if(res.data.code !== 0){

}

resolve(res)

},

fail:err => {

// uni.showToast({

// title:"请求接口失败",

// })

console.log('err',err)

reject(err)

}

})

})

}

2,在全局  main.js 引入

//引入公共接口

import {myRequest} from './app/api.js'

//挂载全局

Vue.prototype.$myRequest = myRequest


3,使用

integral() {

let me =this

  me.$myRequest({

url: 'api/resource/index',

method: 'POST',

data: {

token:me.$store.state.token,

pageNum: 1,

pageSize:me.pageSize

},

}).then(res => {

// this.integrall = res.data.integral

console.log(res.data.result.list)

//成功返回的code码

var code = res.data.code

console.log(code)

//成功返回的数据

var res =res.data.result.list

if(code===200){


},

cracted(){

调用

    this.integral()

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 夜莺2517阅读 127,789评论 1 9
  • 版本:ios 1.2.1 亮点: 1.app角标可以实时更新天气温度或选择空气质量,建议处女座就不要选了,不然老想...
    我就是沉沉阅读 11,833评论 1 6
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 12,720评论 28 53
  • 兔子虽然是枚小硕 但学校的硕士四人寝不够 就被分到了博士楼里 两人一间 在学校的最西边 靠山 兔子的室友身体不好 ...
    待业的兔子阅读 7,499评论 2 9