在前后端分离的开发中,mock 是一个必不可少的过程,可以减少前后端开发过程的耦合
-
约定使用根目录下的 mock 文件夹下的所有文件(tsconfig 记得把 mock 文件夹也加入到 include 中)
{ "compilerOptions": { ... }, "include": [ "src", "mock" ] }
-
新建一个文件,比如
mock.js
,里面的内容是const { Server } = require('e-mock'); new Server();
新增 script 脚本
{ "scripts": { ..., "mock": "nodemon scripts/mock.js (mock 脚本所在路径) -w ./mock -e ts" } }
-
webpack-dev-server 中配置代理 默认情况下,启动的是 4000 端口,可以在 new Server({port: xxx}) 修改
{ "/v1/api/mock": { target: "http://localhost:4000" } }
-
在 mock 文件夹下写 mock 逻辑,例子详见:
example/user.ts
,使用 koa