“封装request|“封装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|“封装request / axios请求 ” 的内部实现流程】用户就可以 用解构语法的形式,将数据那获取到了

    推荐阅读