vue-element-admin和服务端进行交互

在 vue-element-admin 中,一个完整的前端 UI 交互到服务端处理流程是这样的:

- UI 组件交互操作;
- 调用统一管理的 api service 请求函数;
- 使用封装的 request.js 发送请求;
- 获取服务端返回;
- 更新 data;

从上面的流程可以看出,为了方便管理维护,统一的请求处理都放在 @/api 文件夹中,并且一般按照 model 纬度进行拆分文件,如:

api/
  login.js
  article.js
  remoteSearch.js
  ...

其中,@/utils/request.js 是基于 axios 的封装,便于统一处理 POST,GET 等请求参数,请求头,以及错误提示信息等。具体可以参看 request.js。 它封装了全局 request拦截器、response拦截器、统一的错误处理、统一做了超时处理、baseURL设置等。

原文地址:https://www.cnblogs.com/jiqing9006/p/14844180.html