首页 > 其他 > 详细

vue 编写接口请求【mock数据】

时间:2018-12-03 10:22:51      阅读:197      评论:0      收藏:0      [点我收藏+]

【build】-【webpack.dev.conf.js】

【build】-【dev-server.js】

在webpack.dev.conf.js中的写法

var appData = require(../data.json)//加载数据
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings  
//编写路由
before(app){ app.
get(/api/seller, function(req, res){ res.json({ errno:0, data:seller }) }); app.get(/api/goods, function(req, res){ res.json({ errno:0, data:goods }) }); app.get(/api/ratings, function(req, res){ res.json({ errno:0, data:ratings }) }); },

技术分享图片

技术分享图片

测试是否访问到:localhost:8080/api/seller

 

在dev-server.js中的写法

var appData = require(../data.json)//加载数据
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings 

var apiRoutes = express.Router();

apiRoutes.get(/seller,function(req, res){ //服务器端返回request请求和response
   res.json({//客户端response还要转为json数据
     errno:0 //成功返回的代号
     data:seller    //取到data.json中数据selelr     
 }) ;
});

apiRoutes.get(/goods,function(req, res){
   res.json({
     errno:0
     data:goods       
 }) ;
});

apiRoutes.get(/ratings,function(req, res){
   res.json({
     errno:0
     data:ratings       
 }) ;
});

app.use(/api, apiRoutes);

 

vue 编写接口请求【mock数据】

原文:https://www.cnblogs.com/dudu123/p/10056558.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!