码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:div   加载   alt   webpack   img   ima   get   dev   code   

【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数据】

标签:div   加载   alt   webpack   img   ima   get   dev   code   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!