在 目录下,每个模块对应一个目录,它的所有功能的 都放在该目录里。
一般来说,一个路由对应一个 文件。
在 目录下,每个模块对应一个 文件。

每个 API 方法,会调用 方法,发起对后端 RESTful API 的调用。
基于 axios 封装,统一处理 GET、POST 方法的请求参数、请求头,以及错误提示信息等。
2.1.1 创建 axios 实例
- 基础路径
- 超时时间
2.1.2 Request 拦截器
- 、 请求头
- GET 请求参数的拼接
2.1.3 Response 拦截器
- Token 失效、登录过期时,跳回首页
- 请求失败,Message 错误提示
一个完整的前端 UI 交互到服务端处理流程,如下图所示:

以 [系统管理 -> 用户管理] 菜单为例,查看它是如何读取用户列表的。代码如下:

如果想要自定义的 基础路径,可以通过 进行直接覆盖。示例如下:
① 在 目录下,实现全局组件,被所有模块所公用。例如说,富文本编辑器、各种各搜索组件、封装的分页组件等等。

② 每个模块的业务组件,可实现在 目录下,自己模块的目录的 目录下,避免单个 文件过大,降低维护成功。例如说,。

① 在 目录下,实现全局样式,被所有页面所公用。

② 每个 页面,可在 标签中添加样式,注意需要添加 表示只作用在当前页面里,避免造成全局的样式污染。


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/182274.html