基于本地 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,
},
],
};
Object
Array
Function
- 入参分别对照
express
的req
,res
与next
- 入参分别对照
String
Number
Boolean
- ~~
HTMLElement
~~后续补上 文件后续会补上
npm i visualization-mock-server -D
const initMockServer = require("visualization-mock-server");
initMockServer({ port: 4001, host: "localhost" });
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 情况
- 可借助
express
插件丰富 mock server 的用法- express-art-template art-template body-parser 等
- cicd
- 自动化构建流程