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

相关推荐
程序员黑豆3 小时前
Java包装类:基本类型与对象的桥梁
java·前端·ai编程
bugcome_com5 小时前
JWT 知识小课堂:从入门到精通,一文吃透 JSON Web Token
前端·json
To_OC6 小时前
写了三天 Next.js,我的 React 世界观被拆了又装回去
前端·全栈·next.js
独泪了无痕6 小时前
viewer.js 安装与配置指南:实现图片预览功能
前端·vue.js
Fluxart.ai8 小时前
电商商品图审核怎么自动化?规则引擎、人工复核与发布门禁
java·前端·自动化
why技术8 小时前
AI 写的文章,可能都带着手敲一遍都去不掉的“隐形水印”。
前端·人工智能·后端
愚公搬代码9 小时前
【愚公系列】《Android应用案例开发大全》016-LBS类应用掌上杭州(辅助工具类的开发)
android·前端
CodeSheep9 小时前
又一个华为天才少年,离职了!
前端·后端·程序员
kyriewen9 小时前
面试官说"打开你的AI工具"——我才发现,他考的根本不是写代码
前端·人工智能·面试
IT_陈寒10 小时前
Vue的双向绑定把我坑惨了,原来这个场景不能用
前端·人工智能·后端