vue模拟后台数据

发布时间:2019-05-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue模拟后台数据脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. 在项目根目录存放json文件
  2. 在项目根目录创建一个server.js文件
VAR exPress = require("exPRess");
var app = express();
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) {
  res.json({
    errno: 0,
    data: seller
  });
});

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);

app.listen(8081);
console.LOG("server run at  port :8081");

注意端口号不要冲突,以及json文件的路径

文件建完之后在命令框按照下图操作命令,在浏览器输入链接即可访问json数据

vue模拟后台数据

访问链接:
http://localhost:8080/
http://localhost:8081/api/*

推荐chrome插件:
jsonview
vue-devtools

脚本宝典总结

以上是脚本宝典为你收集整理的vue模拟后台数据全部内容,希望文章能够帮你解决vue模拟后台数据所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。