快速搭建项目本地mock服务(nodejs)
在工程化项目里面,时常需要搭建本地mockServer,而对前端而言,简单适用的小型服务可谓切中痛点;
下面展示一个angular demo 的目录结构
1. 在生成的项目里面新建一个mockserver文件夹,并创建index.js
2. 在index.js 里面引入json-server,配置接口
3. 给项目环境local、dev、st、prod分别设置实际环境的地址
下面是本地的配置:
4. 在app下建立一个文件夹baseData,并新建文件apiUrl.ts用来管理项目的接口地址(具体根据自己所需来选择创建位置)
这里在constant中已经配了一个userInfo的地址
5. 这样就可以在使用接口的时候引用它了
6. 这个service里面定义了一个getData方法,在AppComponent里面使用
按钮点击执行call方法就可以调用此接口了;
同理,可以按照此方法不断往index.js里面加入新接口;
这时又有需求,在开启本地服务的时候开发,mockServer下的本地数据和index.js会经常改变,你总不会想每次手动重新编译它吧
方法如下:引入nodemon