Vue之优化封装请求方法
2024-10-19 11:45:40
Vue之优化封装请求方法
对于代码中的请求操作
1、接口请求可能需要重用
2、实际工作中,接口非常容易变动, 改起来很麻烦!
我们建议的做法是把所有的请求都封装成函数然后统一的>###组织到模块中进行管理
这样做的好处就是:管理维护更方便,也好重用
封装请求本身!
loginIn() {
// 对于代码中的请求操作
// 1、接口请求可能需要重用
// 2、实际工作中,接口非常容易变动, 改起来很麻烦!
// 我们建议的做法是把所有的请求都封装成函数然后统一的组织到模块中进行管理
// 这样做的好处就是:管理维护更方便,也好重用
// 封装请求本身!
request({
method: "POST",
url: "/mp/v1_0/authorizations",
// data用来设置 POST 请求体
data: this.user,
})
.then((res) => {
// 登录成功
console.log(res);
})
.catch((err) => {
// 登录失败
console.log("登录失败", err);
});
},
封装后的代码!
// 用户登录
export const onLogin = (data) => {
return request({
method: "POST",
url: "/mp/v1_0/authorizations",
// data用来设置 POST 请求体
// 在ES6中属性名和属性值同名的时候只用写一个就就可以了!
data,
})
}
最终代码展示
最新文章
- js获取URL中的参数
- Linux任务计划
- POJ 3176 Cow Bowling (水题DP)
- Android设计模式之命令模式、策略模式、模板方法模式
- PHP 简单的加密解密算法
- jsp判断session中的值
- 分享毕业学生“ERP实施project联赛”总结,是肺腑之言——知识是人的价值的体现,每门课程是有意义的学校纪律
- 转换时间对象和字符串对象&;添加时间
- Java设计模式之策略模式与状态模式
- CAN总线基础知识(二)
- tex中pdf外链
- docker遇到的问题以及docker 操作镜像的基本操作
- IISEXPRESS64位运行
- 图像YUV格式介绍
- bzoj千题计划304:bzoj3676: [Apio2014]回文串(回文自动机)
- LAYOUT 注意点
- Java多线程学习之synchronized总结
- Django中cookie和session
- NodeJS学习笔记六
- 纪中OJ 2019.01.25【NOIP提高组】模拟 B 组 T2 数字对