mook使用流程

1.创建mook数据文件__mook__/index.js,你也可以依据喜好自定义

module.exports = function(app) {
    // 注意,mook文件不会热更新,修改后需要手动npm run serve
    app.get("/api/users/ruanyf", (req, res) => {
        res.json({
            blog: "http://www.baidu.com",
            name: "test for mook",
        });
    });
    app.get("/api/goods", (req, res) => {
        res.json(["good1", "good2", "good3"]);
    });
    app.get("/api/msg", (req, res) => {
        res.send("EEEEFFFAAAARRRTTTTTUU");
    });
};

  你甚至可以采用另外一种.json方式:https://www.jianshu.com/p/f6b36f3fa06a

2.引入到vue.config.js中并添加配置

const mock = require('./__mock__');

devServer配置项中增加before方法,直接调用mook方法即可。

3.接口api文件中编写要联调的接口,同时__mook__/index.js中添加模拟数据

注意:res.json、res.send

工欲善其事 必先利其器
原文地址:https://www.cnblogs.com/fengyouqi/p/14442466.html