MOCKJS:模拟数据生成器,通过随机数据模拟各种方案。对于前端而言,它很方便没有后端接口,并且开发环境还可以执行接口数据对接。
不久前,使用了React Project中的Arco-Admin-Template,一种Arco-Admin-Template。它在其中使用了。引言中使用了许多案例,并且有关使用的预防措施较少。因此,决定与案例结合使用两个场景。
在线经验地址:https://hu-snail.github.io/reaeactvitemock/
安装相关插件
安装数据请求
根据项目目录,创建相应的文件
在目录中添加模拟数据和文件,您可以根据需要创建模拟数据
const studyList = [{title:'github',desc:'世界上最大的开源代码共享社区',url:'https://github.com/',徽标:'https://qiqiqihao.oss-beijing。aliyuncs.com/static/coderutil/ichub.svg'},{title:'gitchat',desc:'it知识共享平台',url:'https://gitbook.cn/',徽标,徽标:'https:// https:// https://qiqihao.oss-cn-beijing.aliyuncs.com/stative/coderutil/icon/gitchat.png'},{标题:'gitee',desc:'中国最大的开源代码共享社区',url,url:'https:https:// https://gitee.com/',徽标:'https://qiqihao.oss-beijing.aliyuncs.coms.com/stative/coderutil/icon/icon/gitee.png'},{title:'mu class.com',desc',desc:'梦想:'梦想程序员的工厂,url:'https://www.imooc.com/',徽标:'https://qiqiqihao.oss-cn-beijing.aliyuncs.com/stative/icuocon/icuocon/imooocon/imoocon/imoocon/imoocon/imoocon,png'},{title:''nuggets',desc:'一个帮助开发人员成长的社区',url:'https://juejin.cn/',徽标:'beijing.aliyuncs.com/stative/coderutil/icon/juejin.png'},{title:'csdn',desc:'the the the the中国最大的技术界”,URL:'https://www.csdn.net/',徽标:'https :: //qiqihao.oss-cn-beijing.aliyuncs.com/stative/coderutil/icon/icon/csdn。png'}];
导出默认[{url:'/api/getResoucelist',type:'get',wet',wends(){return {code:200,msg:'success',data:{list,list,statelist}}];;;;
完成上述配置后,您可以开始改进请求接口
导出const logout =()=> request({url:'/lokout',方法:'post'});
完成上述配置后,该文件将下一步改进。该文件主要是在生产环境中处理模拟数据。如果您不需要忽略此模块代码,则目录路径:
完成上述操作后,最重要的链接,配置,完整的配置如下
最主要的是修改文件中的配置
目前,发现配置中有更多参数。主要角色是解决设置环境变量。Windows命令提示将阻止(报告错误)。对于特定的详细信息,您可以自己检查文档。为了解决此问题,我们需要安装
此外,主要的事情是配置两个配置项目,这意味着注入代码并将代码添加到文件中,这意味着注入文件,即将其注入文件中。
在中间使用,完整代码如下:
完整的代码地址GITHUB地址:ReactViteMock
原始:https://juejin.cn/post/7097452970249289735