项目根目录下新建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":"/"
}
})
)
}