前端mockjs使用方式[express-mockjs]

前提

现在基本上都是前后端分离项目的开发,而前端对于UI界面开发完毕之后往往都需要等待后端的接口提供,因此为了解决这个问题,这里提供一个由express和mockjs结合的本地服务应用项目,可以前端随意造数据配合UI页面进行开发。

个人不喜欢在前端项目中直接插入mockjs,因为感觉会让前端脚手架复杂难看,因此这里直接提供一个express后端服务器跑起来即可,里面可以随意编写mockjs接口,然后前端直接像调用后端接口一样调用

仓库

gitee仓库:https://gitee.com/twang-gitee/web-server-study.git

位置是:nodejs-study/express-mock

clone下载跑起来

复制代码
npm install 
npm run start:watch

按理说这个时候就已经跑起来了

补充说明

1.项目说明:

/mock/json 对于json文件的放置与管理文件夹

/mock/utils 常用工具方法文件夹

/mock/user.js 包含mock的基本增删查改操作

/mock/user_json.js 包含对Json文件的基本增删查改操作

app.js 项目启动文件

所有的内容都已经配置好了无需去改动什么

2.新增方式

1.mock中新建自己的文件。如:role.js

2.参考user.js 的方式编写相关接口和数据处理逻辑(关于mockjs的示例文档:http://mockjs.com/examples.html)

3.app.js中注册自己对应的路由

相关推荐
代码小学僧2 小时前
如何低成本部署网站?Vercel 和 Cloudflare 怎么选?
前端·后端·serverless
Csvn2 小时前
加载性能
前端
行者全栈架构师2 小时前
【鸿蒙心迹】让应用“悬浮“起来——闪控球(floatingBall)从接入到实战全链路(HarmonyOS 7.x)
前端·算法·架构
用户6353300254792 小时前
Day 6|ES6+ 语法:把现代 JS 写顺手,从解构到 map / filter / reduce
前端
铁皮饭盒2 小时前
CPU就行, 老照片变清晰, 本地部署582mb腾讯的模型, 本地部署, 过节了给长辈们变个小魔术
前端·javascript·后端
其实防守也摸鱼2 小时前
Linux文本处理命令理论学习
linux·服务器·前端·数据库·sql·学习·安全
涛涛ing3 小时前
Chrome DevTools MCP 正式可用:AI 终于能自己开浏览器调试你的页面了
前端
after you3 小时前
【无标题】
前端·javascript
酷炫码神3 小时前
Day 6|ES6+ 语法:把现代 JS 写顺手,从解构到 map / filter / reduce
前端·javascript·es6
lemon_sjdk3 小时前
从一段真实的 Electron IM 前端代码,看高级前端的工程化修养
前端·electron·状态模式·im