更新记录

v1.0.1(2020-04-13)

新增了loding.js、message.js、modal.js

v1.0.0(2020-04-13)

初次发布


平台兼容性

使用示例

**定义api**
export const apiCreateInvite = (data) =>
    factory.create()
        .setUrl('/invite')
        .setRequestKey(1)
        .setShowModal()
        .setData(data)
        .setSuccessShowMsg('信息提交成功')
        .post();
**返回一个Promise**
**发起请求**
 apiCreateInvite(this.form).then(data => {})

插件采用建造者模式创建 http 请求对象,并返回一个 Promise 对象。
factory.create()创建一个 http 请求的 builder
.setUrl('') 设置 api 的 uri 地址
.setRequestKey('') 设置一个大于0的值时,可以避免请求重复提交,当用户反复提交请求的时候,会提示请求中...
.setShowModal()这是一个无参数调用方法,调用后会全屏显示loading等待窗口
.setData()当请求为非GET请求时,设置请求的body参数
.setSuccessShowMsg('')当请求成功后,显示的Message
.setConfirmMsg('')提交请求前的确认框,如删除数据时,提示用户是否确认删除,参数为提示内容
.setPathVariables(...variables)伪链接参数,接受数组参数,如uri为/test,参数为1,2,则访问的api地址为/test/1/2
.setParams(params)设置queryString参数
.post()发起post请求
.get()发起get请求
.delete()发起delete请求
.put()发起put请求
注意事项 request.js数据返回拦截器这里

request.interceptors.response.use(
    response => {
        const res = response.data
        if (res.code !== 200) {
            $message.error(res.message)
            return Promise.reject(res)
        } else {
            return res.data
        }
    }, error => {
        console.log(error)
        $message.error('服务器无法连接,请联系管理员');
        return Promise.reject(error)
    });

需要根据自己的数据结构做相应的调整

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问