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

相关推荐
南囝coding1 天前
Knip - 一键清理项目无用代码
前端·后端
五点六六六1 天前
跨端RN 与 浏览器Web 的 长渲染性能 差异 与 底层 揭秘
前端·react native·webgl
咬人喵喵1 天前
18 类年终总结核心 SVG 交互方案拆解
前端·css·编辑器·交互·svg
不想秃头的程序员1 天前
JS继承方式详解
前端·面试
Mapmost1 天前
【高斯泼溅】从“看清”到“看懂”,3DGS语义化让数字孪生“会说话”
前端
指尖跳动的光1 天前
防止前端页面重复请求
前端·javascript
luquinn1 天前
用canvas切图展示及标记在原图片中的位置
开发语言·前端·javascript
巧克力芋泥包1 天前
前端vue3调取阿里的oss存储
前端
AAA阿giao1 天前
React Hooks 详解:从 useState 到 useEffect,彻底掌握函数组件的“灵魂”
前端·javascript·react.js
RedHeartWWW1 天前
Next.js Middleware 极简教程
前端