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