1.1.4 • Published 3 years ago

iros v1.1.4

Weekly downloads
10
License
ISC
Repository
-
Last release
3 years ago

Iros 自述文件

version :1.1.1

iros的主要功能是让uni-app开发者更方便的请求数据

使用方法:

1、npm i iros

2、在项目目录下新建request文件夹

创建api.js 文件里面放你的接口
export defult {
index:'/api/index',
second:'/api/second'
}

3、创建config.js(存放iros的配置文件)

import Iros from 'iros';
import api from './api.js';
//实例化 Iros 并传入基本参数
let iros = new Iros({
	baseUrl: 'https://www.demo.com', //这块配置域名
	api //用来存放从api.js里面导出的接口
})

iros.before(config => {
	console.log(config, '请求拦截器')

    //这里可以直接拿到修改实例化中的参数,

	config.header = {
		"content-type": "application/x-www-form-urlencoded",
		Authorization: 'Bearer ' + 1222334343443
	}
})

//响应拦截器只会在请求成功的时候执行,
如果定义了响应拦截器 res是请求后得到值 必须return 否则请求拿不到数据
iros.after(res => {
	console.log('响应拦截器')
	return res;
})

//完成响应器 无论成功或者失败 或者取消 都会执行res中包含请求成功或者失败的状态
iros.complete(res => {
	console.log(res, '完成响应器')
})

### 在页面中如果使用拦截器或者响应器,那么在该请求中全局拦截器或者响应器将不会生效,页面级的拦截器或者响应器权重
高于全局的响应器或拦截器,且请求拦截器应该写在开始请求之前,否则依旧会继续使用全局请求拦截器
页面请求拦截器不生效

export default iros;

4、在main.js中引入config.js文件,将iros挂载到vue原型上

import iros from './iros/config.js';
Vue.prototype.iros = iros;

5、在页面中使用

let data = {
  page:1,
}
//index 对应的是在api.js里面配置的api名称 data是参数

this.iros.get('index',data).then(res=>{
  consolo.log(res,'请求到的内容')
})

this.iros.post('index',data).then(res=>{
  consolo.log(res,'请求到的内容')
})
......
//取消 index 接口的请求
this.iros['index'].abort();

iros集成了一些常用的小工具 ####同步批量 写入/获取 本地存储内容

使用方法(批量获取本地存储内容)
// array 需要是一个数组格式 数组内容为需要获取的本地存储的key值,
返回object 类型 
let array = ['age','name']
this.iros.getStorageSync(array);
返回结果 :{
   age:20,
   name:false,
}
获取成功返回key值和data内容,获取失败返回 fasle

批量写入本地存储内容
let obj  = {name:'猫吓狗',age:'20'}
this.iros.setStorageSync(obj)

返回结果 {
  name:true,
  age:false,
}
写入成功返回true,写入失败返回false

异步批量 读取/写入 本地存储

// array 需要是一个数组格式 数组内容为需要获取的本地存储的key值,
返回promise对象 

// 获取
let array = ['age','name']
this.iros.getStorage(array).then(res=>{
   console.log('获取到的内容')
   re结果 :{
      age:20,
      name:false,
   }
   获取成功返回key值和data内容,获取失败返回 fasle
})

//写入

let obj  = {name:'猫吓狗',age:'20'}
this.iros.setStorage(obj).then(res=>{
  res结果 {
    name:true,
    age:false,
  }
  写入成功返回true,写入失败返回false
})

####常用校验(返回true为校验成功,返回false为校验失败)

this.iros.url(string) //检测是否是url
         .emil(string) //校验邮箱格式
         .mobile(string) // 校验手机号码
         .idCard(string) //校验身份证号

其他

this.iros.os() 获取平台信息 ios或android
this.iros.sys() 获取设备信息
this.iros.space(str) 返回去除空格后的字符串
1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.2

4 years ago

1.0.7

4 years ago

1.0.5

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago