“封装request / axios请求 ” 的内部实现流程

  1. 用户发送了请求,通过组件页面发送到了api.js页面,

  2. api.js页面根据用户的请求, 发送不同的请求发送给request.js

  3. request是一个单例模式,通过请求的接收,将请求拼接到了接口地址上。再通过axios发送到后端服务器request,这就是浏览器向服务器发送请求的过程,这里前端可以通过拦截这个请求,给他添加一些参数。

  4. 将获取到的数据发送回api.js。app.js将其存放起来 放到变量上;

  5. 再返回到页面上

  6. 这时还没有返回数据,因为后端并没有浏览器返回数据

  7. 后端服务器的response是响应浏览器的,一旦响应了,我们就将他的数据截取(以便我们使用);

  8. 将获取到的数据发送回api.js。app.js将其存放起来 放到变量上;

  9. 再返回到页面上

  10. 用户就可以 用解构语法的形式,将数据那获取到了

你可能感兴趣的:(“封装request / axios请求 ” 的内部实现流程)