本地mock

[hfc-advance]

本地mock处理

在 webpack-dev-server 的 before 方法中，使用 webpack-api-mocker 插件拦截了请求，读取本地的 mock 数据（JSON文件）返回

// webpack.dev.conf.js
const apiMocker = require('webpack-api-mocker');
require('./mock-generator.js')();
devServer: {
    before(app) {
        apiMocker(app, path.resolve('./mock/index.js'));
    }
}
// mock/index.js
const fs = require('fs');
function fromJSONFile(filepath) {
    return (req, res) => {
        const data = fs.readFileSync('mock' + filepath).toString();
        const json = JSON.parse(data);
        return res.json(json);
    };
};
const proxy = {
    'GET /aaa/bbb': fromJSONFile('/aaa/bbb.json'),
    'GET /aaa/ccc': fromJSONFile('/aaa/ccc.json')
};
module.exports = proxy;