基于es6 import()实现本地数据mock

本文介绍了如何在前端项目中利用es6的import()动态加载功能实现本地数据mock,以提高开发效率,减少对后端接口的依赖。通过按接口地址加载对应的json数据,在mockApi.js中进行处理,实现在页面中的应用。
摘要由CSDN通过智能技术生成

import()动态加载相关资料https://blog.csdn.net/Zckguiying/article/details/85864233

需求描述:前端项目中必定要有本地数据mock的模块,实现前后端分离,解决开发时因前后端接口的依赖而导致开发效率低下的问题。

实现方案:这里主要使用了es6 import()动态加载模块来实现mock功能。

1、准备需要mock的json数据,命名为getLabelDetail.js;
​​​​
注意:这里的文件名与接口地址路由的最后一层保持一致。

    example: post接口地址为'/xxx/xxx/getLabelDetail',故命名getLabelDetail.js

          get接口地址为'/xxx/xxx/getLabelDetail?id=123',故命名getLabelDetail.js'

getLabelDetail.js

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值