uniapp unirequest 网络请求封装

╰半橙微兮° 2021-09-17 22:36 594阅读 0赞 
  1. import urlConfig from './config.js'
  3. const request = {}
  4. const headers = {}
  5. const PORT1 = '/baseinfo'
  9. request.globalRequest = (url, method, data, power) => {
  10.     /*     权限判断 因为有的接口请求头可能需要添加的参数不一样，所以这里做了区分
  11.     == 不通过access_token校验的接口
  12.     == 文件下载接口列表
  13.     == 验证码登录 */
  15.     switch (power) {
  16.         case 1:
  17.             // headers['X-Token'] = ''
  18.             break;
  19.         case 2:
  20.             // headers['X-Token'] = ''
  21.             break;
  22.         case 3:
  23.             responseType = 'blob'
  24.             break;
  25.         default:
  26.             headers['X-Token'] = uni.getStorageSync('token');
  27.             break;
  28.     }
  30.     return uni.request({
  31.         url: urlConfig + url,
  32.         method,
  33.         data: data,
  34.         dataType: 'json',
  35.         header: headers
  36.     }).then(res => {
  37.         if (res[1].statusCode == 200 && res[1].data.code == 0) {
  38.             return res[1];
  39.         } else if (res[1].statusCode == 406 && res[1].data.code == 0) {
  40.             //@todo
  41.             //未登录
  42.             return res[1];
  43.         } else {
  44.             console.error(res[1].data);
  45.             return res[1];
  46.         }
  47.     }).catch(parmas => {
  49.         switch (parmas.code) {
  50.             case 401:
  51.                 uni.clearStorageSync()
  52.                 break
  53.             default:
  55.                 break
  56.         }
  58.     })
  59. }
  61. request.globalUploadImg = (url, name, fileType, data, uploadSuccess, uploadMethod) => {
  62.     return uni.chooseImage({
  63.         success: (chooseImageRes) => {
  64.             const token = uni.getStorageSync('token');
  65.             const tempFilePaths = chooseImageRes.tempFilePaths;
  66.             const uploadTask = uni.uploadFile({
  67.                 url: urlConfig + url, //仅为示例，非真实的接口地址
  68.                 filePath: tempFilePaths[0],
  69.                 name: name,
  70.                 formData: data,
  71.                 fileType: fileType,
  72.                 header: {
  73.                     'X-Token': token
  74.                 },
  75.                 success: (uploadFileRes) => {
  76.                     // console.log(uploadFileRes.data);
  77.                     if (uploadSuccess && (typeof uploadSuccess === "function")) {
  78.                         uploadSuccess(uploadFileRes)
  79.                     }
  80.                 }
  81.             });
  82.             if (uploadMethod && (typeof uploadMethod === "function")) {
  83.                 uploadMethod(uploadTask);
  84.             }
  86.         }
  87.     }); 
  89. }
  90. request.globalUploadFile = (url, filePath, name, fileType, data, uploadMethod, uploadSuccess) => {
  91.     const token = uni.getStorageSync('token');
  92.     return uni.uploadFile({
  93.         url: urlConfig + url, //仅为示例，非真实的接口地址
  94.         filePath: filePath,
  95.         name: name,
  96.         formData: data,
  97.         fileType: fileType,
  98.         header: {
  99.             'X-Token': token
  100.         },
  101.         success: (uploadFileRes) => {
  103.             let jsondata = JSON.parse(uploadFileRes.data)
  104.             if(jsondata.code==0){
  105.                 uploadSuccess(jsondata);
  106.             }else{
  107.                 uni.showToast({
  108.                     title: '网络异常，请稍后重试',
  109.                     duration: 2000
  110.                 });
  111.             }
  113.         }
  114.     });
  116. }
  117. export default request
  121. let url_config = ""
  124. if (process.env.NODE_ENV === 'development') {
  125.     // 开发环境
  126.     url_config = ''
  127.     // url_config = ''
  128. } else {
  129.     // 生产环境
  130.     // url_config = ''
  132. }
  134. export default url_config
  136. import request from '@/common/request.js'
  137. import {
  138.     formatGetUri
  139. } from '@/common/util.js'
  141. const api = {}
  143. //微信和成长值组合支付
  144. api.amountAndWXPay  = params => request.globalRequest('/index/Pay/amountAndWXPay','Post',params);
  147. export default api

三份代码文件名依次为：request.js config.js api/index.js

使用示例

  1. aDdetail: function() {
  2.                 const _self = this;
  3.                 _self.$api.aDdetail({请求参数})
  4.                     .then(res => {
  5.                         返回结果
  6.                     }).catch(res => {
  8.                     })
  9.             },

发表评论

表情：
评论列表 （有 0 条评论，594人围观）

还没有评论，来说两句吧...

相关阅读