“封装request|“封装request / axios请求 ” 的内部实现流程
- 用户发送了请求,通过组件页面发送到了api.js页面,
- api.js页面根据用户的请求, 发送不同的请求发送给request.js
- request是一个单例模式,通过请求的接收,将请求拼接到了接口地址上。再通过axios发送到后端服务器request,这就是浏览器向服务器发送请求的过程,这里前端可以通过拦截这个请求,给他添加一些参数。
- 将获取到的数据发送回api.js。app.js将其存放起来 放到变量上;
- 再返回到页面上
- 这时还没有返回数据,因为后端并没有浏览器返回数据
- 后端服务器的response是响应浏览器的,一旦响应了,我们就将他的数据截取(以便我们使用);
- 将获取到的数据发送回api.js。app.js将其存放起来 放到变量上;
- 再返回到页面上
- 【“封装request|“封装request / axios请求 ” 的内部实现流程】用户就可以 用解构语法的形式,将数据那获取到了
推荐阅读
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 艾略特的交易法则“遵循自然规律”
- 闲杂“细雨”
- “成长”读书社群招募
- 上班后阅读开始变成一件奢侈的事
- 2020-04-07vue中Axios的封装和API接口的管理
- “精神病患者”的角度问题
- 说的真好
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- 2021-02-10(找不回的“年味”……)