mockjs使用总结

项目根目录下新建mock文件夹
— 新建server.js文件

var express = require("express")
var app = express();
var bodyParser = require('body-parser');

app.use(bodyParser.json());  //body-parser 解析json格式数据
app.use(bodyParser.urlencoded({
     //此项必须在 bodyParser.json 下面,为参数编码
    extended: true
}));

var router = express.Router();

app.get('/', function(req, res) {
     
    res.send('hello world');
});

router.use("/test",require('./test'));


app.use("/api",router)


app.listen(3001)

新建test.js文件

var Mock = require("mockjs")
var express = require("express")
var router = express.Router();

router.use("/profile",function (req,res) {
     
    console.log(req.body);
    //调用mock方法模拟数据
    var data = Mock.mock({
     
            // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
            'list|1-10': [{
     
                // 属性 id 是一个自增数，起始值为 1，每次增 1
                'id|+1': 1,
                'name':"@ctitle()",
                'image_path':"@image('200x100', '#ffcc33', '#FFF', 'png', '!')",
                'is_new':'@boolean(1, 9, true)',
                'recent_order_num':'@natural( 0, 9999 )',
                'rating':'@float( 0,10,1,1 )',
                'support_tags|0-3':['其他快餐','品质联盟','螺蛳粉','川湘菜','支持自取','烤冷面','面馆','黄焖鸡米饭','烧腊饭']
            }]
        }
    );
    return res.json(data);
})

module.exports = router;

package.json文件中的"scripts"中添加：

"mock": "node ./mock/server.js"

运行：

yarn run mock

浏览器访问：

http://localhost:3001/api/test/profile

代理：

const proxy = require('http-proxy-middleware')

module.exports = function(app){
     
    app.use(proxy('/api',{
     
            target:'http://localhost:3001',
            secure:false,
            changeOrigin:true,
            pathRewrite:{
     
                "^/api":"/"
            }
        })
    )
}