首页 > 其他 > 详细

【前台接口模块化开发及存在问题】

时间:2021-09-01 18:07:09      阅读:15      评论:0      收藏:0      [点我收藏+]

前台开发时,在每个页面写接口请求,存在问题

问题:

    1. 重复请求代码

    2. 不利于维护

        最初上线域名:www.abc.com/api

        后修改域名:www.def.com/api

    3. 不便于集中处理某些操作

        请求 成功可以返回

        请求 失败?

        请求 有访问限制?

so,当请求比较庞大、接口复杂时,建议采用模块化方式管理接口请求:

    1> 接口模块化

    创建/src/api/

        |- index.js    入口

        |- path.js     接口管理

        |- http.js     axios配置、封装

        |- assets.js  资产接口

        |- region.js   区域接口

        |- ...

    2> 挂在全局

    main.js

    import api from "./api/index"

    Vue.prototype.api = api;

    3> 在页面中使用接口

    访问api模块:this.api.xxx

    xxx.vue在某一个页面使用

    mounted(){

        this.api.assets.all().then(res=>{

        })

    }

【前台接口模块化开发及存在问题】

原文:https://www.cnblogs.com/kitty-code/p/15211298.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!