更新记录
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)
});
需要根据自己的数据结构做相应的调整