请求后端API分离——部门管理部分

在我们写前端代码的时候,常常会在前期比较“闲”,要等待后端把API开发出来之后,再进行代码编写。

其实不然,我们也可以和后端同步开发,在后端建库建表时,我们就可以开始设计前端代码框架和模式;在后端一个API一个API开发的时候,我们就可以将这些API先测试起来,然后将可运行的API分类,统一写到API文件下。这样,不仅提高了前端开发效率,同时,避免了后期全部方法“挤”在一个文件里面,使文件显得冗长。

先在管理端目录下新建了一个api文件夹,下面分别有一个api.js和一个urls.js

 

 urls.js:顾名思义,就是存放所有后端接口url的文件

将 baseurl抽离出来,而不是每次都直接将地址写上去,这样地址修改的时候可以减轻工作量(可以方便在远程和本地调试直接切换)

 

 

apis.js:封装具体的后端API,这里,我按照页面和功能将接口分为五个类,目前只重构了部门管理接口类

 

将类实例化导出

 

 

具体调用:

 

posted @ 2020-04-02 17:16  massami酱  阅读(271)  评论(0)    收藏  举报