vue模拟后台数据

发布时间:2019-05-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue模拟后台数据脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. 在项目根目录存放json文件
  2. 在项目根目录创建一个server.js文件
@H_304_14@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,请注明来意。