基于本地 mock 文件生成本地 mock 服务器 服务器基

基于本地 mock 文件生成本地 mock 服务器

服务器基于express

└── mock │ ├── empty.js │ ├── login.js │ └── products.js 接口文件格式如下

login.js

export default { "GET /function": (_req, res) => { res.json({ success: true, data: {}, errorCode: 0, }); }, "GET /object": { name: "zzz", age: 21, }, "GET /string": "string", "GET /boolean": false, "GET /number": 1, "GET /array": [ { name: "zzz", age: 21, }, { name: "zzz2", age: 22, }, ], }; 支持 mock 数据类型 Object Array Function 入参分别对照express的req，res与next String Number Boolean ~~HTMLElement~~后续补上 文件后续会补上 安装

npm i visualization-mock-server -D 使用 mockServer 使用

const initMockServer = require("visualization-mock-server"); initMockServer({ port: 4001, host: "localhost" }); devServerMiddleware 使用

const { devServerMiddleware } = require("visualization-mock-server"); const { onBeforeSetupMiddleware, before } = devServerMiddleware(); // webpack.config.js module.exports = { devServer: { onBeforeSetupMiddleware: devServerMiddleware().onBeforeSetupMiddleware, }, // 更早的devServer版本需要用before devServer: { before: devServerMiddleware().before, }, };

针对不同的webpack-dev-server版本，考虑使用onBeforeSetupMiddleware与before

具体可查看devServer 暴露的 api 情况