@huisha/mock v1.0.6

@huisha/mock 是express的中间件，所以可用于webpack, vite的dev模式.

install 安装

npm i @huisha/mock -D

apply 使用

express的使用

const express = require('express');
const mock = require('@huisha/mock');
const app = express();

app.use(mock);

vue 中的使用

// vue.config.js or webpack.config.js
// vue-cli 是基于webpack4的， devserver完全和webpack4一致 https://cli.vuejs.org/zh/config/#devserver
const mock = require('@huisha/mock');
{
    devServer: {
        // 这里要注意webpack不同的版本，中间件的选项不一致。具体参看webpack官网 https://webpack.js.org/configuration/dev-server/#devserveronbeforesetupmiddleware
        setupMiddlewares: (middlewares, devServer) => {
            devServer.app.use(mock);
        }
    }
}

config 配置文件

module.exports = {
    mockDir: 'response', // 本地mock数据目录
    cookie: 'huisha=345;name=DSF', // 代理cookie
    proxyList: [
        {
            from: '/pc/**', // 请求接口
            to: 'http://localhost:3002/' // 代理地址
        }
    ],
    exclude: [] // 排除的请求， 一般为dist/** 过滤掉dev模式的文件
};

本地mock数据目录要求