前端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中注册自己对应的路由

相关推荐
爱勇宝14 小时前
第 1 章:别把“需求文档”当成真正的需求
前端·后端·程序员
梨子同志14 小时前
常用命令
前端
梨子同志15 小时前
React 状态管理
前端
Dxy123931021615 小时前
MySQL索引完整教程:创建、查看、修改、删除与日常管理
前端·javascript·mysql
剪刀石头布啊15 小时前
js能被遍历的集合有哪些特征,为何能被遍历
前端
剪刀石头布啊15 小时前
js解构
前端
剪刀石头布啊16 小时前
防抖功能的逐步递进
前端
剪刀石头布啊16 小时前
对象的大小比较与面向对象思考
前端
最爱老式锅包肉18 小时前
《HarmonyOS技术精讲-ArkWeb》桥接两岸:JSBridge原生与Web互调
前端·华为·harmonyos
IT_陈寒18 小时前
闭包陷阱让我加了两天班,JavaScript你真行
前端·人工智能·后端